HTML <form> 標籤


實例

帶有兩個輸入字段和一個提交按鈕的 HTML 表單:

<form action="demo_form.php" method="get"> First name: <input type="text" name="fname"><br> Last name: <input type="text" name="lname"><br> <input type="submit" value="提交"> </form>


(更多實例見頁面底部)

流覽器支持

Internet Explorer Firefox Opera Google Chrome Safari

所有主流流覽器都支持 <form> 標籤。


標籤定義及使用說明

<form> 標籤用於創建供用戶輸入的 HTML 表單。

<form> 元素包含一個或多個如下的表單元素:


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 的事件屬性


Examples

嘗試一下 - 實例


此表單包含兩個複選框和一個提交按鈕。


此表單包含兩個單選框和一個提交按鈕。


相關文章

HTML 教學:HTML 表單和輸入

HTML DOM 參考手冊: Form 對象