HTML5 <form> 標簽

2022-05-23 14:52 更新

實例

帶有兩個輸入字段和一個提交按鈕的 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> 標簽用于創(chuàng)建供用戶輸入的 HTML 表單。

可以用 :valid 和:invalid CSS 偽類 來給一個元素指定樣式。


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

HTML 4.01 與 HTML5之間的差異

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

HTML 與 XHTML 之間的差異

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

屬性

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

全局屬性

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

事件屬性

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

Examples

嘗試一下 - 實例

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

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

相關文章

HTML 教程：HTML 表單和輸入

HTML DOM 參考手冊： Form 對象


以上內容是否對您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號