2月19日家庭作业:
学习内容:
1,bgcolor:背景颜色
2,cellpadding:单元格之间的距离
3,cellspacing:框与单元格之间的距离
4,ul,ol,li序号
5,form:表单
6,checkbox:复选框,都是input标签,通过type控制不同的类型,同一范围的name值要一样,也可以为空
7,select:下拉菜单
8,fieldset框,border边框,dashed:虚线,
作业代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>wcx's homework'</title>
</head>
<body>
<form style="background-color: hotpink;">
<h1>我的家庭作业</h1>
<table>
<tr>
<td>用户名</td>
<td><input type="text" name="username"/></td>
</tr>
<tr>
<td>密码</td>
<td><input type="password" name="password" /><br/></td>
</tr>
<tr>
<td>重复密码</td>
<td><input type="password" name="password" /></td>
</tr>
<tr>
<td>性别</td>
<td><input type="radio" name="sex" />男
<input type="radio" name="sex" />女</td>
</tr>
<tr>
<td>爱好</td>
<td>
<input type="checkbox" name="bobby" />看书
<input type="checkbox" name="hobby" />看电影
<input type="checkbox" name="hobby" />旅游
</td>
</tr>
<tr>
<td>地址</td>
<td>
<select name="address">
<option>北京</option>
<option>上海</option>
<option>广州</option>
</select>
</td>
</tr>
<tr>
<td>自我介绍</td>
<td>
<textarea name="intro" cols="20" rows="5"></textarea>
</td>
</tr>
<tr>
<td>
<input type="button" value="提交" id="submit" name="submit" />
<input type="button" value="重置" id="reset" name="reset" />
</td>
</tr>
</table>
</form>
</body>
</html>
效果展示: