checked 默认值
解决父子元素的外边距重叠：
box1:before{
content:" ";
display:table; 将一个元素设置为表格显示
}
解决父元素高度塌陷：
.clearfix:after{
cintent: " ";
display:block;
clear:both; (清除影响)
}
合并：
.clearfix:before,
.clearfix:after{
content:" ";
display:table;
clear:both;
}
.clearfix{
zoom:1;
}
表单：
文本框：
<input type="text" name = "name">
密码框:
<input type="password" name = "pwd">
多选框:
<input type="checkbox" name = "sports">
单选框：
<input type="radio" name = "gender">
提交按钮：
<input type="submit" value="提交">
下拉列表:
<select>
<option>北京</option>
</select>
input:
我们使用最多的表单项，可以根据 type 的不同呈现出不同的状态。
text:文本框
password：密码框
submit：提交按钮
radio:单选按钮
checkbox：多选框
reset:重置按钮
select \ option
select 用于创建一个下拉列表
option 表示下拉列表的选项项
optgroup 用于为列表项分组
textarea
创建一个文本域。文本框相似，可以输入多行数据，
cols:文本域的列数
rows：文本域的行数
fieldset legend label
fieldset 用来为表单项进行分组。
legend 用来指定每组的名字。
label标签用来为表单定义描述文字。
