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>
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> 元素包含一個或多個如下的表單元素:
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的事件屬性 。
嘗試一下- 實例
帶有復選框的表單
此表單包含兩個複選框和一個提交按鈕。
帶有單選按鈕的表單
此表單包含兩個單選框和一個提交按鈕。
相關文章
HTML教程: HTML表單和輸入
HTML DOM參考手冊: Form對象