HTML <form> Tag

例

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

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

試一試»

更多“試一試”的例子。

定義和用法

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

在<form>元素可以包含以下表單元素的一種或多種：

瀏覽器支持

元件
<form>	是	是	是	是	是

HTML 4.01和HTML5之間的差異

HTML5增加了兩個新的屬性： autocomplete和novalidate ，並removed了accept屬性。

HTML和XHTML之間的差異

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

屬性

=新的HTML5。

屬性	值	描述
accept	file_type	在HTML5不支持。指定用逗號分隔的文件類型列表服務器接受（可通過文件上傳提交）
accept-charset	character_set	指定要用於表單提交的字符編碼是
action	URL	指定當提交表單向何處發送表單數據
autocomplete	on off	指定表格是否應該開啟或關閉自動完成
enctype	application/x-www-form-urlencoded multipart/form-data text/plain	指定表單數據應該如何編碼的將它提交給服務器時（僅適用於method="post" ）
method	get post	指定發送表單數據時使用的HTTP方法
name	text	指定表單的名稱
novalidate	novalidate	規定在提交表單時不應該驗證
target	_blank _self _parent _top	規定在何處顯示被提交表單後收到的回應

全局屬性

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

事件屬性

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

試一試 - 示例

形式與複選框
表單有兩個複選框和一個提交按鈕。

形式與單選按鈕
表單有兩個單選按鈕，以及一個提交按鈕。

默認設置CSS

大多數瀏覽器將顯示<form>與下面的默認值元素：

例

form {
display: block;
margin-top: 0em;
}