1.作用：用于接收用户输入的数据，并提交给服务器
2.表单的二要素
1.表单标签<form></form>
收集用户信息，并且提交给服务器
1.form本省不可见的，但是不能省略，因为数据的提交功能要由form实现
2.语法：
<form>
表单控件
</form>
3.标签属性
1.action：设置数据的提交地址
2.method：数据提交的方式get post 默认以get方式
1.get请求： 默认的提交方式，常用于向服务器获取数据
特点：1.如果是提交数据，数据会以参数的形式拼接在URL后面
2.安全性较低
3.数据的大小有限，最大为2KB
2.post请求：常用与向服务器发送数据
特点：1.隐式提交，外部看不到数据，数据会被打包在请求体中发送
2.安全性高
3.数据大小没有限制
2.表单控件：
提供一组可以跟用户交互的可视化组件
1.文本框和密码框
<input type="text"> 普通文本输入框
<input type="password"> 密码框
属性：
1.name属性，必填项，定义控件名称，缺少则无法提交当前的数据
2. value 属性，要提交给服务器的值，同时也是默认显示在控件上的值
3. maxlength 用来限制用户输入的最大字符数
4. placeholder 用户输入之前显示在框中的提示文本
2.单选框和复选框
单选按钮：<input type="radio">
复选框：<input type="checkbox">
属性：
1.name：定义控件名称，还具有分组的作用，一组中的按钮名称必须保持一致
2.value：必须给定，设置当前控件的值，最终提交给服务器
3.checked：设置预选中状态，可以省略，也可以使用“checked”作为值
3.隐藏域与文件选择框
1. 隐藏域
作用 ：需要提交给服务器但是却不需要呈现给用户的数据，都可以放在隐藏域中
语法 ：<input type="hidden">
属性 ：
1. name 控件名称
2. value 控件的值
2. 文件选择框
作用 ： 选择文件上传，发送给服务器
语法 ：<input type="file">
属性 ：name 定义控件名称
4.下拉选择框
<select name="province">
<option value="hebei">河北省</option>
<option value="heilongjiang">黑龙江省</option>
<option value="hunan">湖南省</option>
</select>
假设用户选择河北省，在使用get方式提交数据时，URL后拼接的数据应为province=hebei
5. 文本域
支持用户输入多行文本
语法 ：<textarea></textarea>
属性 ：
1. name 控件名称
2. cols 指定文本域默认显示的列数，一行中能显示的英文字符量，中文减半
3. rows 指定文本域能够显示的行数
注意 ：文本域可以由用户调整大小
6.按钮
1. 提交按钮
<input type="submit" name="" value="">
将表单数据发送给服务器
属性：type="submit"设置按钮类型为提交
value用来设置按钮的显示文本
2. 重置按钮
<input type="reset" value="">
重置表单，将表单内容恢复到初始化状态
3. 普通按钮
<input type="button" value="">
可以绑定自定义事件
按钮中的value属性值实际上是定义按钮的显示文本
4. <button>按钮显示文本</button>
注意 ：
1. 按钮标签可以在任何地方使用，不局限在form 表单中使用
2. 按钮标签使用在form中，默认具有提交功能，等同于input submit
3. 可以添加属性type 取值 submit / reset / button 进行区分 （非必填）
4. 在表单外作为普通按钮使用时，需要通过JS 动态绑定事件
7.特殊用法
label for ID
语法 ：
<label for="male">男</label>
<input type="radio" name="gender" value="male" id="male">
使用label标签包裹表单控件要显示的文本信息，为label标签添加for属性，属性值与所要绑定的表单控件的ID属性值保持一致，实现文本与控件的绑定