表单就是用来收集用户信息的
如果一个页面有多个表单，可通过设置name属性区分
格式：
<form action="服务器地址" method="post/get" >
<表单元素>
</form>
如果表单中有文件需要上传必须添加enctype属性，指定值为“multipart/form-data”用于文件转码
注意：在表单中用name属性来指定哪些标签的数据需要提交
表单元素：
1、 input标签的type取值（除按钮标签外，其他标签都可以通过value属性来指定提交到服务器的数据）
单选框(radio)
单选按钮，天生是不互斥的，如果想互斥，必须要有相同的name属性
多选框(checkbox)
复选框，最好也是有相同的name（虽然他不需要互斥，但是也要有相同的name）
按钮
button、reset、submit、image（也属于提交类按钮）
2、label标签
平常我们在填写表格时，点击一下文字，相应的文本框就会聚焦，但是文本框和文字是没有关联关系的，如果想让他们绑定起来就要用到label标签
格式：
1、给文本框添加id属性
2、用label标签包括相应的文字
3、label有一个属性for，在for里面填写要绑定的标签到id值即可
如：<!--给文本框添加绑定-->
<label for="account">账号:</label>
<input type="text" id="account" />
3、datalist标签
作用: 给输入框绑定待选项
格式：
<datalist>
<option>待选项内容</option>
</datalist>
例如：
请输入你的车型: <input type="text" list="cars">
<datalist id="cars">
<option>奔驰</option>
<option>宝马</option>
<option>奥迪</option>
<option>路虎</option>
<option>宾利</option>
</datalist>
4、下拉列表（select）
用于创建表单中的待选列表, 可以从选择某一个带选项海淀区昌平区朝阳区天河区白云区贵州
使用optgroup给下拉列表添加分组
选择籍贯
<select>
<optgroup label="北京市">
<option selected>海淀区</option>
<option>昌平区</option>
<option>朝阳区</option>
</optgroup>
<optgroup label="广州市">
<option>天河区</option>
<option>白云区</option>
</optgroup>
</select>
可以设置multiple="multiple"将单选变为可多选（需按住ctrl键）
5、button标签
请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 “button”，而其他浏览器中（包括 W3C 规范）的默认值是 “submit”。
type的取值：submit、reset、button
例如:<button type="reset">重置</button>
6、给表单元素外围添加边框：
<form>
<fieldset> <!--fieldset 元素可将表单内的相关元素分组。-->
<legend>health information</legend><!--该标签可以 为fieldset 元素定义标题。-->
用户名:<input type="text" />
密码:<input type="text" />
</fieldset>
</form>
