Latest web development tutorials

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 ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持<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 规定当提交表单时向何处发送表单数据。
autocomplete New on
off
规定是否启用表单的自动完成功能。
enctype application/x-www-form-urlencoded
multipart/form-data
text/plain
规定在向服务器发送表单数据之前如何对其进行编码。(适用于 method="post" 的情况)
method get
post
规定用于发送表单数据的 HTTP 方法。
name text 规定表单的名称。
novalidate New novalidate 如果使用该属性,则提交表单时不进行验证。
target _blank
_self
_parent
_top
规定在何处打开 action URL。


全局屬性

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


事件屬性

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


Examples

嘗試一下- 實例

帶有復選框的表單
此表單包含兩個複選框和一個提交按鈕。

帶有單選按鈕的表單
此表單包含兩個單選框和一個提交按鈕。


相關文章

HTML教程: HTML表單和輸入

HTML DOM參考手冊: Form對象