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 對象