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 對象一樣支持標準的 屬性 和 事件。