012day(表单，表单的css样式，post和get，h5新增加的表单type属性值，h5新增的表单属性，h5新增加的表单标签，bfc)

一、表单

1、表单的作用：用来收集用户的信息的;

2、表单的组成：

①表单域：（表单的区域） <form name="" method="get/post" action=""></form>

②表单控件 ： <input type="text" value=""/>

3⃣提示信息（请输入姓名）

3、单选框radio

请选择你的性别<input type="radio" name="sex">男

<input type="radio" name="sex">女

<input type="radio" name="sex">其他<br>

请选择你的民族<input type="radio" name="national">汉

<input type="radio" name="national">苗族<br>

注意：br起到换行的作用，避免了性别与民族之间的冲突

4、多选框checkbox

请选择你的爱好<input type="checkbox">running

<input type="checkbox">swimming

<input type="checkbox">reading

5、上传文件file

请选择你的简历<input type="file" multiple="multiple">

6、下拉菜单

<select>

  <option>北京</option>

  <option>上海</option>

</select>

7、文本区域

<textarea placeholder="请输入你的评论" cols="30" rows="10"></textarea>

8、其它属性

checked="checked"(选中) disabled="disabled"禁用

效果图（34567）

还有一点需要注意这些表单的属性都要用form包起来

二、关于表单的css样式

1、

:focus （获取焦点）

:checked（选中）

appearance(清除单选框 复选框 下拉表单的样式)

outline（清除文本框获取焦点之后的样式）

resize（取消文本域右下角拖动拉伸那个箭头，就不能拖动大小了）

2、与表单相关的一部分标签

filedset加范围区域的边框线

legend把字放入边框线中

三、post和get

post比get更安全一些

get会在后面挂载参数，post不会

服务器接受get和post数据时使用的方法不同

四、H5新增加的表单type属性值