HTML表单标签

在HTML中，一个完整的表单通常由表单域、表单控件和提示信息3各部分组成。

1.表单域

<form>标签用于定义表单域，已实现用户信息的收集和传递。

<form>会把它范围内的表单元素信息提交给服务器。

<form action="url地址" method="提交方式" name="表单域名称">
    各种表单元素控件
</form>

常用属性：

属性	属性值	说明
action	url地址	用于指定接收并处理表单数据的服务器程序的url地址。
method	get/post	用于设置表单数据的提交方式，其取值为get或post。
name	名称	用于指定表单的名称，以区分同一个页面中的多个表单域。

2.表单标签

2.1 <input>输入 表单元素

<input type="" />

type属性的属性值及其描述：

属性值	描述
button	定义可点击按钮（多数情况下，用于通过JavaScript启动脚本）
checkbox	定义复选框
file	定义输入字段和“浏览”按钮，共文件上传
hidden	定义隐藏的输入字段
image	定义图像形式的提交按钮
password	定义密码字段，该字段中的字符被掩码
radio	定义单选按钮
reset	定义重置按钮。重置按钮会清除表单中的所有数据
submit	定义提交按钮。提交按钮会把表单数据发送到服务器
text	定义单行的输入字段，用户可在其中输入文本。默认宽度为20个字符

除type属性外，<input>标签还有其他很多属性，其常用属性如下：

属性	属性值	描述
name	由用户自定义	定义input元素的名称。
value	由用户自定义	规定input元素的值。
checked	checked	规定此input元素首次加载时应当被选中。
maxlength	正整数	规定输入字段中的字符的最大长度。

name表单元素的名字，要求单选按钮和复选框要有相同的name值。

2.2 <label>标签

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

<label>标签的语法：

<label for="sex">男</label>
<input type="radio" name="sex" id="sex"/>

2.3 select下拉表单元素

<select>的语法：

<select>
    <option>选项1</option>
    <option>选项1</option>
    <option>选项1</option>
</select>

2.4 textarea文本域元素

<textarea>用于定义多行文本输入的控件。

<textarea>的语法：

<textarea rows="3" col="20">
    文本内容
</textarea>