HTML中的表单标签

表单域

表单的目的是用于收集用户信息，通常由表单域，表单控件和提示信息组成。

作用

在HTML中，表单域的标签是< form >，该标签会将它范围内的表单元素提交给服务器。
表单域是包含表单的区域。

语法规范

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

属性

属性	属性值（作用）
action	url地址（指定接收该表单数据的服务器程序的URL地址）
method	get/post（设置表单提交方式）
name	名称（指定表单名称，以区分同一页面多个表单域）

表单控件

< input >表单元素：用于收集用户信息。

• < input >中包含一个type属性，根据不同的type值，会有多种形式的输入字段。
• 语法：<input type="属性值"/> //（input为单标签）
• type 属性值

属性值	作用
text	文本框，用户可输入文字
password	定义密码字段，该字段中文字被掩码
radio	定义单选按钮
checkbook	定义复选框，可实现多选
image	定义图像形式提交按钮
hidden	定义隐藏的输入字段
reset	定义重置按钮，清空表单数据
submit	定义提交按钮
file	定义字段及浏览器按钮，可供文件上传
button	定义可点按钮

• 其他属性

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

注：

①name和value是每个表单元素应有的属性值，供后台人员使用。
②name是表单元素名字，要求单选按钮和复选按钮拥有相同的name值。
③checked针对单选按钮和复选框（一打开就有默认的选中值）。

< -label >标签

1. < label >标签为input元素定义标注标签，用于绑定一个表单元素，当点击< label >标签内文本时，浏览器会自动将焦点转到对应的表单元素，以增加用户体验。
2. 语法：

<label for="A">B</lable>
<input type ="x" name="A" id="A"/>

核心：< label >标签的for属性应当与元素的id属性一致。

< select >下拉表单

语法：

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

< textarea >文本域标签

< textarea >文本域标签用于定义多行文本输入的控件，通常用于留言，意见反馈等。

语法：

<textarea row="3" cols="20">
	文本内容
</textarea>

cols:每行字符数
row:显示的行数