HTML5 <form> 標(biāo)簽

2022-05-23 14:52 更新

實(shí)例

帶有兩個(gè)輸入字段和一個(gè)提交按鈕的 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> 標(biāo)簽。

標(biāo)簽定義及使用說(shuō)明

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

可以用 :valid 和:invalid CSS 偽類 來(lái)給一個(gè)元素指定樣式。


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

HTML 4.01 與 HTML5之間的差異

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

HTML 與 XHTML 之間的差異

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

屬性

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

全局屬性

<form> 標(biāo)簽支持 HTML 的全局屬性。

事件屬性

<form> 標(biāo)簽支持 HTML 的事件屬性。

Examples

嘗試一下 - 實(shí)例

帶有復(fù)選框的表單
此表單包含兩個(gè)復(fù)選框和一個(gè)提交按鈕。

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

相關(guān)文章

HTML 教程：HTML 表單和輸入

HTML DOM 參考手冊(cè)： Form 對(duì)象


以上內(nèi)容是否對(duì)您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)