HTML 表单标签

<form>

标签定义及使用说明

• <form> 标签用于创建供用户输入的 HTML 表单。
• <form> 元素包含一个或多个如下的表单元素：
  • <input>
  • <textarea>
  • <button>
  • <select>
  • <option>
  • <optgroup>
  • <fieldset>
  • <label>

属性

属性	值	描述
accept	MIME_type	HTML5 不支持，规定服务器接收到的文件的类型，（文件是通过文件上传提交的）
accept-charset	character_set	规定服务器可处理的表单数据字符集，
action	URL	规定当提交表单时向何处发送表单数据，
autocomplete	on off	规定是否启用表单的自动完成功能，
enctype	application/x-www-form-urlencoded multipart/form-data text/plain	规定在向服务器发送表单数据之前如何对其进行编码，（适用于 method=“post” 的情况）
method	get post	规定用于发送表单数据的 HTTP 方法，
name	text	规定表单的名称，
novalidate	novalidate	如果使用该属性，则提交表单时不进行验证，
target	_blank _self _parent _top	规定在何处打开 action URL,

<input>

标签定义及使用说明

• <input> 标签规定了用户可以在其中输入数据的输入字段。
• <input> 元素在 <form> 元素中使用，用来声明允许用户输入数据的 input 控件。
• 输入字段可通过多种方式改变，取决于 type 属性。

提示和注释

• **注意：* <input> 元素是空的，它只包含标签属性。
• 提示**：你可以使用<lable>元素来定义 <input> 元素的标注。

属性

属性	值	描述
accept	audio/ video/ image/* MIME_type	规定通过文件上传来提交的文件的类型， （只针对type=“file”)
align	left right top middle bottom	HTML5已废弃，不赞成使用，规定图像输入的对齐方式， （只针对type=“image”)
alt	text	定义图像输入的替代文本， （只针对type=“image”)
autocomplete	on off	autocomplete 属性规定 元素输入字段是否应该启用自动完成功能，
autofocus	autofocus	属性规定当页面加载时 元素应该自动获得焦点，
checked	checked	checked 属性规定在页面加载时应该被预先选定的 元素， （只针对 type=“checkbox” 或者 type=“radio”)
disabled	disabled	disabled 属性规定应该禁用的 元素，
form	form_id	form 属性规定 元素所属的一个或多个表单，
formaction	URL	属性规定当表单提交时处理输入控件的文件的 URL,（只针对 type=“submit” 和 type=“image”)
formenctype	application/x-www-form-urlencoded multipart/form-data text/plain	属性规定当表单数据提交到服务器时如何编码（只适合 type=“submit” 和 type=“image”),
formmethod	get post	定义发送表单数据到 action URL 的 HTTP 方法， （只适合 type=“submit” 和 type=“image”)
formnovalidate	formnovalidate	formnovalidate 属性覆盖 元素的 novalidate 属性，
formtarget	_blank _self _parent _top framename	规定表示提交表单后在哪里显示接收到响应的名称或关键词，（只适合 type=“submit” 和 type=“image”)
height	pixels	规定 元素的高度，（只针对type=“image”)
list	datalist_id	属性引用
max	number date	属性规定 元素的最大值，
maxlength	number	属性规定 元素中允许的最大字符数，
min	number date	属性规定 元素的最小值，
multiple	multiple	属性规定允许用户输入到 元素的多个值，
name	text	name 属性规定 元素的名称，
pattern	regexp	pattern 属性规定用于验证 元素的值的正则表达式，
placeholder	text	placeholder 属性规定可描述输入 字段预期值的简短的提示信息，
readonly	readonly	readonly 属性规定输入字段是只读的，
required	required	属性规定必需在提交表单之前填写输入字段，
size	number	size 属性规定以字符数计的 元素的可见宽度，
src	URL	src 属性规定显示为提交按钮的图像的 URL, （只针对 type=“image”)
step	number	step 属性规定 元素的合法数字间隔，
type	button checkbox color date datetime datetime-local email file hidden image month number password radio range reset search submit tel text time url week	type 属性规定要显示的 元素的类型，
value	text	指定 元素 value 的值，
width	pixels	width 属性规定 元素的宽度， （只针对type=“image”)

<textarea>

标签定义及使用说明

• <textarea> 标签定义一个多行的文本输入控件。
• 文本区域中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Courier)
• 可以通过 cols 和 rows 属性来规定 textarea 的尺寸大小，不过更好的办法是使用 CSS 的 height 和 width 属性。

属性

属性	值	描述
autofocus	autofocus	规定当页面加载时，文本区域自动获得焦点，
cols	number	规定文本区域内可见的宽度，
disabled	disabled	规定禁用文本区域，
form	form_id	定义文本区域所属的一个或多个表单，
maxlength	number	规定文本区域允许的最大字符数，
name	text	规定文本区域的名称，
placeholder	text	规定一个简短的提示，描述文本区域期望的输入值，
readonly	readonly	规定文本区域为只读，
required	required	规定文本区域是必需的/必填的，
rows	number	规定文本区域内可见的行数，
wrap	hard soft	规定当提交表单时，文本区域中的文本应该怎样换行，

<button>

标签定义及使用说明

• <button> 标签定义一个按钮。
• 在 <button> 元素内部，您可以放置内容，比如文本或图像，这是该元素与使用 <input> 元素创建的按钮之间的不同之处。
• 提示：请始终为 <button> 元素规定 type 属性，不同的浏览器对 <button> 元素的 type 属性使用不同的默认值。

提示和注释

注释：如果在 HTML 表单中使用<button>元素，不同的浏览器可能会提交不同的按钮值，请使用<intput>在 HTML 表单中创建按钮。

属性

属性	值	描述
autofocus	autofocus	规定当页面加载时按钮应当自动地获得焦点，
disabled	disabled	规定应该禁用该按钮，
form	form_id	规定按钮属于一个或多个表单，
formaction	URL	规定当提交表单时向何处发送表单数据，覆盖 form 元素的 action 属性，该属性与 type=“submit” 配合使用，
formenctype	application/x-www-form-urlencoded multipart/form-data text/plain	规定在向服务器发送表单数据之前如何对其进行编码，覆盖 form 元素的 enctype 属性，该属性与 type=“submit” 配合使用，
formmethod	get post	规定用于发送表单数据的 HTTP 方法，覆盖 form 元素的 method 属性，该属性与 type=“submit” 配合使用，
formnovalidate	formnovalidate	如果使用该属性，则提交表单时不进行验证，覆盖 form 元素的 novalidate 属性，该属性与 type=“submit” 配合使用，
formtarget	_blank _self _parent _top framename	规定在何处打开 action URL，覆盖 form 元素的 target 属性，该属性与 type=“submit” 配合使用，
name	name	规定按钮的名称，
type	button reset submit	规定按钮的类型，
value	text	规定按钮的初始值，可由脚本进行修改，

<select>

标签定义及使用说明

• <select> 元素用来创建下拉列表。
• <select> 元素中的<option>标签定义了列表中的可用选项。

提示和注释

提示:<select> 元素是一种表单控件，可用于在表单中接受用户输入。

属性

属性	值	描述
autofocus	autofocus	规定在页面加载时下拉列表自动获得焦点，
disabled	disabled	当该属性为 true 时，会禁用下拉列表，
form	form_id	定义 select 字段所属的一个或多个表单，
multiple	multiple	当该属性为 true 时，可选择多个选项，
name	text	定义下拉列表的名称，
required	required	规定用户在提交表单前必须选择一个下拉列表中的选项，
size	number	规定下拉列表中可见选项的数目，

<optgroup>

标签定义及使用说明

• <optgroup> 标签经常用于把相关的选项组合在一起。
• 如果你有很多的选项组合，你可以使用<optgroup> 标签能够很简单的将相关选项组合在一起。

属性

属性	值	描述
disabled	disabled	规定禁用该选项组，
label	text	为选项组规定描述，

<option>

标签定义及使用说明

• The <option> 标签定义下拉列表中的一个选项（一个条目）
• <option> 标签中的内容作为<select>或者<datalist>一个元素使用。

提示和注释

• 注释：<option> 标签可以在不带有任何属性的情况下使用，但是您通常需要使用 value 属性，此属性会指示出被送往服务器的内容。
• 注释：请与 select 元素配合使用此标签，否则这个标签是没有意义的。
• 提示：如果列表选项很多，可以使用 <optgroup> 标签对相关选项进行组合。

属性

属性	值	描述
disabled	disabled	规定此选项应在首次加载时被禁用，
label	text	定义当使用 <optgroup> 时所使用的标注，
selected	selected	规定选项（在首次显示在列表中时）表现为选中状态，
value	text	定义送往服务器的选项值，

<label>

标签定义及使用说明

• <label> 标签为 input 元素定义标注（标记）
• label 元素不会向用户呈现任何特殊效果，不过，它为鼠标用户改进了可用性，如果您在 label 元素内点击文本，就会触发此控件，就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。
• <label> 标签的 for 属性应当与相关元素的 id 属性相同。

提示和注释

提示:“for” 属性可把 label 绑定到另外一个元素，请把 “for” 属性的值设置为相关元素的 id 属性的值。

属性

属性	值	描述
for	element_id	规定 label 与哪个表单元素绑定，
form	form_id	规定 label 字段所属的一个或多个表单，

<fieldset>

标签定义及使用说明

• <fieldset> 标签可以将表单内的相关元素分组。
• <fieldset> 标签会在相关表单元素周围绘制边框，提示和注释。
• 提示:<legend>标签为 <fieldset> 元素定义标题。

属性

属性	值	描述
disabled	disabled	规定该组中的相关表单元素应该被禁用，
form	form_id	规定 fieldset 所属的一个或多个表单，
name	text	规定 fieldset 的名称，

<legend>

标签定义及使用说明

The <legend> 元素为<fieldset>元素定义标题。

<datalist>

标签定义及使用说明

• <datalist> 标签规定了 <input> 元素可能的选项列表。
• <datalist> 标签被用来在为 <input> 元素提供"自动完成"的特性，用户能看到一个下拉列表，里边的选项是预先定义好的，将作为用户的输入数据。
• 请使用 <input> 元素的 list 属性来绑定 <datalist> 元素。

实例

下面是一个 <input> 元素，<datalist> 中描述了其可能的值：

<input list="browsers">
<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

<keygen>

标签定义及使用说明

• <keygen> 标签规定用于表单的密钥对生成器字段。
• 当提交表单时，私钥存储在本地，公钥发送到服务器。

属性

属性	值	描述
autofocus	autofocus	使 字段在页面加载时获得焦点，
challenge	challenge	如果使用，则将 keygen 的值设置为在提交时询问，
disabled	disabled	禁用 元素字段，
form	form_id	定义该 字段所属的一个或多个表单，
keytype	rsa dsa ec	定义密钥的安全算法，
name	name	定义 元素的唯一名称， name 属性用于在提交表单时搜集字段的值，

<output>

标签定义及使用说明

<output> 标签作为计算结果输出显示（比如执行脚本的输出）

属性

属性	值	描述
for	element_id	描述计算中使用的元素与计算结果之间的关系，
form	form_id	定义输入字段所属的一个或多个表单，
name	name	定义对象的唯一名称（表单提交时使用）,