帶有兩個輸入字段和一個送出按鈕的 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>
(更多執行個體見頁面底部)
![](https://img.laitimes.com/img/_0nNw4CM6IyYiwiM6ICdiwiIml2ZuUWafVGbilGdhBXbvN2LcNXZnFWbp9CXt92YuI2bv5Wdy5yd3d3Lc9CX6MHc0RHaiojIsJye.gif)
所有主流浏覽器都支援 <form> 标簽。
<form> 标簽用于建立供使用者輸入的 HTML 表單。
<form> 元素包含一個或多個如下的表單元素:
<input>
<textarea>
<button>
<select>
<option>
<optgroup>
<fieldset>
<label>
HTML5 新增了兩個新的屬性:autocomplete 和 novalidate,同時不再支援 HTML 4.01 中的某些屬性。
在 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 教程:HTML 表單和輸入
HTML DOM 參考手冊:
Form 對象