HTML - form (转)

自：http://www.runoob.com

<form> 标签

标签定义及使用说明

<form> 标签用于创建供用户输入的 HTML 表单。

<form> 元素包含一个或多个如下的表单元素：

• <input>
• <textarea>
• <button>
• <select>
• <option>
• <optgroup>
• <fieldset>
• <label>

---

HTML 4.01 与 HTML5之间的差异

HTML5 新增了两个新的属性：autocomplete 和 novalidate，同时不再支持 HTML 4.01 中的某些属性。

---

HTML 与 XHTML 之间的差异

在 XHTML 中，name 属性已被废弃。使用全局 id 属性代替。

---

属性

New ：HTML5 中的新属性。

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

---

全局属性

<form> 标签支持 HTML 的全局属性。

---

事件属性

<form> 标签支持 HTML 的事件属性。

HTML DOM Form 对象

Form 对象

Form 对象代表一个 HTML 表单。

在 HTML 文档中 <form> 每出现一次，Form 对象就会被创建。

表单用户通常用于收集用户数据，包含了 input 元素如：文本字段，复选框，单选框，提交按钮等待。表单也可以说选项菜单, textarea, fieldset, legend, 和 label 元素。

表单用于向服务端发送数据。

---

Form 对象收集

W3C: W3C 标准。

集合	描述	W3C
elements[]	包含表单中所有元素的数组。	Yes

Form 对象属性

属性	描述	W3C
acceptCharset	服务器可接受的字符集。	Yes
action	设置或返回表单的 action 属性。	Yes
enctype	设置或返回表单用来编码内容的 MIME 类型。	Yes
length	返回表单中的元素数目。	Yes
method	设置或返回将数据发送到服务器的 HTTP 方法。	Yes
name	设置或返回表单的名称。	Yes
target	设置或返回表单提交结果的 Frame 或 Window 名。	Yes

Form 对象方法

方法	描述	W3C
reset()	重置一个表单	Yes
submit()	提交一个表单	Yes

Form 对象事件

事件	描述	W3C
onreset	在重置表单元素之前调用。	Yes
onsubmit	在提交表单之前调用。	Yes

标准属性和事件

Form 对象同样支持标准的 属性 和 事件。