表单标签
- 表单：在网页中主要负责数据采集功能，使用
<form>标签定义表单
- 表单项(元素)：不同类型的
input元素，下拉列表，文本域等
| 标签 |
描述 |
<form> |
定义表单 |
<input> |
定义表单项，通过type属性控制输入形式 |
<label> |
为表单项定义标注（扩展点击区域） |
<select> |
定义下拉列表 |
<option> |
定义下拉列表的列表项 |
<textarea> |
定义文本域 |
定义表单：
action：规定当提交表单时向何处发送表单数据，URLmethod：规定用于发送表单数据的方式
get: 浏览器会将数据直接附在表单的action URL之后，大小限制4KBpost：浏览器会将数据放到http请求消息体中。大小无限制。
| type取值 |
描述 |
| text |
默认值。定义单行的输入字段 |
| password |
定义密码字段 |
| radio |
定义单选按钮 |
checkbox |
定义复选框 |
| file |
定义文件上传按钮 |
| hidden |
定义隐藏的输入字段 |
| submidt |
定义提交按钮，提交按钮会把表单数据发送到服务器 |
| reset |
定义重置按钮，重置会消除表单所有数据 |
| button |
定义可点击按钮 |
其他属性：
| 属性 |
描述 |
| name |
定义提交数据 （单选框定义相同的可以互斥） |
| value |
定义提交数据的名字或显示名字 |
| id |
定义和label中for的属性相同 |
| for |
定义和input中的id属性相同，扩展点击区域 |
<form action="#" method="post">
<input type="hidden" name="id">
<label for="username"> 用户名： </label>
<input type="text" name="username" id = "username"><br>
<label for="password"> 密码：</label>
<input type="password" name="password" id="password"><br>
性别：
<input type="radio" name="gender" value="1" id="male"> <label for="male">男</label>
<input type="radio" name="gender" value="2" id="female"> <label for="female">女</label><br>
爱好：
<input type="checkbox" name="hobby" value="1"> 旅游
<input type="checkbox" name="hobby" value="2"> 电影
<input type="checkbox" name="hobby" value="3"> 游戏 <br>
头像：
<input type="file"><br>
城市：
<select>
<option value="beijing" name="city">北京</option>
<option value="shanghai" name="city">上海</option>
<option value="guangzhou" name="city">广州</option>
</select>
<br>
个人描述：
<textarea name="desc" cols="20" rows="5">
</textarea>
<br>
<input type="submit" value="免费注册"><br>
<input type="reset" value="重置"><br>
<input type="button" value="按钮">
</form>
