表单标签

• 表单：在网页中主要负责数据采集功能，使用<form>标签定义表单
• 表单项(元素)：不同类型的input元素，下拉列表，文本域等

标签	描述
<form>	定义表单
<input>	定义表单项，通过type属性控制输入形式
<label>	为表单项定义标注（扩展点击区域）
<select>	定义下拉列表
<option>	定义下拉列表的列表项
<textarea>	定义文本域

定义表单：

• action：规定当提交表单时向何处发送表单数据，URL
• method：规定用于发送表单数据的方式
  • get: 浏览器会将数据直接附在表单的action URL之后，大小限制4KB
  • post：浏览器会将数据放到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>