表单用于收集用户的输入信息。HTML 表单表示文档中的一个区域，此区域包含交互控件，将用户收集到的信息发送到 Web 服务器。

1.form标签

form标签用来定义一个表单

<form action="" method="post">密码：<input type="password" name="password"></br><label for="male">male</label><input type="radio" name="ball" value="basketball" id="male">篮球<input type="radio" name="ball" value="football" checked="checked">足球<input type="radio" name="ball" value="volleyball">排球</br></form>

action：action属性规定当提交表单时，向何处发送表单数据

method：method属性定义提交表单的请求方式，http协议有两种发送求的方法，post和get，推荐用post

2、文本框：

单行文本框：

<label>姓名：</label> <input type="text" name="name"></br>

<label> 标签为 input 元素定义标注（标记）。

多行文本框：

<label>多行文本：</label><textarea name="desc" ></textarea>

3、密码框：

<label>密码:</label><input type="password" name="passward">

4、单选框

<input type="radio" name="ball" value="basketball" id="male">篮球<input type="radio" name="ball" value="football" checked="checked">足球<input type="radio" name="ball" value="volleyball">排球</br>

name属性相同的radio为一组，组内互斥当用户选择了一个radio并提交表单，这个radio的name属性和value属性组成一个键值对发送给服务器设置checked="checked"属性设置默认被选中的radio

5、多选框

<input type="checkbox" name="fruit" value="apple" checked="checked">苹果<input type="checkbox" name="fruit" value="pear">梨子<input type="checkbox" name="fruit" value="banana">香蕉<input type="checkbox" name="fruit" value="Watermelon">西瓜<input type="checkbox" name="fruit" value="pineapple">菠萝</br>

6、下拉列表

<select name="intersting"><option value="basketball">篮球</option><option value="football" selected="seleced">足球</option><option value="volleyball">排球</option></select>

下拉列表用到了两种标签，其中select标签用来定义下拉列表，而option标签设置列表项。name属性在select标签中设置。value属性在option标签中设置。option标签的标签体是显示出来给用户看的，提交到服务器的是value属性的值。通过在option标签中设置selected="selected"属性实现默认选中的效果。

7、按钮

<button type="button">普通按钮</button><button type="reset">重置按钮</button><button type="submit">提交按钮</button>

普通按钮: 点击后无效果，需要通过JavaScript绑定单击响应函数重置按钮: 点击后将表单内的所有表单项都恢复为默认值提交按钮:点击后提交表单