編程教程HTML < form> 標簽
使用 <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>
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="submit" value="提交">
</form>
（更多實例見頁面底部）
瀏覽器支持
所有主流瀏覽器都支持 <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 教程：HTML 表單和輸入
HTML DOM 參考手冊： Form 對象