HTML 參考手冊

HTML 標簽大全

HTML: <form> 標簽

HTML <form>標記用于在具有用于用戶輸入的交互式控件的網(wǎng)頁上創(chuàng)建表單，用來向 Web 服務器提交信息。此標記通常也稱為 <form>元素。

在線示例

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

示例

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5 footer標簽的使用(菜鳥教程 (cainiaoplus.com))</title>
</head>
<body>
<h1>(cainiaoplus.com)菜鳥教程</h1>
<form action="demo-form.php" method="post">
  公司: <input type="text" name="company"><br>
  地址: <input type="text" name="address"><br>
  <input type="submit" value="Submit">
</form>
</body>
</html>

測試看看 ?/?

在此HTML5文檔示例中，我們使用了<form>標記創(chuàng)建HTML表單。該表單包含兩個用于公司和地址的<input>控件以及一個提交按鈕。

運行后效果如下：

圖片.png

瀏覽器兼容性

IEFirefoxOperaChromeSafari

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

標簽使用注意事項

如果你在一個表單里把 autocomplete 設置成 off 是因為當前文檔提供了它獨有的自動補全，那么你也應該把此表單里每一個 input 元素的 autocomplete 設成 off 來允許文檔接管自動補全。

標簽定義及使用說明

<form> 標簽用于創(chuàng)建供用戶輸入的 HTML 表單。

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

HTML 4.01 與 HTML5之間的差異

HTML5 新增了兩個新的屬性：autocomplete 和 novalidate，同時不再支持 HTML 4.01 中的某些屬性。

HTML 與 XHTML 之間的差異

在 XHTML 中，name 屬性已被廢棄。使用全局 id 屬性代替。

屬性

New ：HTML5 中的新屬性。

屬性	值	描述
accept	MIME_type	HTML5 不支持。規(guī)定服務器接收到的文件的類型。（文件是通過文件上傳提交的）
accept-charset	character_set	規(guī)定服務器可處理的表單數(shù)據(jù)字符集。
action	URL	規(guī)定當提交表單時向何處發(fā)送表單數(shù)據(jù)。
autocompleteHTML5	on off	規(guī)定是否啟用表單的自動完成功能。
enctype	application/x-www-form-urlencoded multipart/form-data text/plain	規(guī)定在向服務器發(fā)送表單數(shù)據(jù)之前如何對其進行編碼。（適用于 method="post" 的情況）
method	get post	規(guī)定用于發(fā)送表單數(shù)據(jù)的 HTTP 方法。
name	text	規(guī)定表單的名稱。
novalidateHTML5	novalidate	如果使用該屬性，則提交表單時不進行驗證。
target	_blank _self _parent _top	規(guī)定在何處打開 action URL。

全局屬性

<form> 標簽支持 HTML 的全局屬性。

事件屬性

<form> 標簽支持 HTML 的事件屬性。

嘗試在線示例

單選按鈕(Radio buttons)
本示例演示如何在 HTML 中創(chuàng)建單選按鈕。

復選框(Checkboxes)
本示例演示如何在 HTML 頁中創(chuàng)建復選框。用戶可以選中或取消選取復選框。

簡單的下拉列表
本示例演示如何在 HTML 頁面中創(chuàng)建簡單的下拉列表框。下拉列表框是一個可選列表。

預選下拉列表
本示例演示如何創(chuàng)建一個簡單的帶有預選值的下拉列表。

文本域(Textarea)
本示例演示如何創(chuàng)建文本域（多行文本輸入控件）。用戶可在文本域中寫入文本?？蓪懭胱址淖謹?shù)不受限制。

創(chuàng)建按鈕
本示例演示如何創(chuàng)建按鈕。你可以對按鈕上的文字進行自定義。

HTML 教程：HTML 表單和輸入

HTML DOM 參考手冊： Form 對象

HTML: <i> 標簽 HTML: <footer> 標簽