整合營銷服務商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
表單允許我們發(fā)送和接收來自web頁面的數(shù)據(jù)，表單的用途有：網(wǎng)站和論壇登錄；注冊信息；基于web的電子郵件；在線問卷調(diào)查等。
所有表單元素（如輸入框和按鈕）必須位于表單標記內(nèi)。在大多數(shù)情況下，表單必須設置name、action屬性。
用于為表單創(chuàng)建簡單的文本輸入字段，但也是許多其他表單輸入類型的基礎，使用type屬性來指定不同類型。
按鈕與表單輸入字段類似，但有自己的一組屬性：
下拉列表，也稱為組合框，允許從項目列表中進行選擇。
option標記定義選擇列表中的每一項，并且必須出現(xiàn)在select標記中。選擇項的文本必須出現(xiàn)在選項標記之間。
瀏覽器顯示的內(nèi)容如下所示：
例
帶有兩個輸入字段和相關標記的簡單 HTML 表單：
<form action="demo_form.asp">
<label for="male">Male</label>
<input type="radio" name="sex" id="male" value="male"><br>
<label for="female">Female</label>
<input type="radio" name="sex" id="female" value="female"><br>
<input type="submit" value="提交">
</form>
瀏覽器支持
目前大多數(shù)瀏覽器支持 <label> 標簽。
標簽定義及使用說明
<label> 標簽為 input 元素定義標注（標記）。
label 元素不會向用戶呈現(xiàn)任何特殊效果。不過，它為鼠標用戶改進了可用性。如果您在 label 元素內(nèi)點擊文本，就會觸發(fā)此控件。就是說，當用戶選擇該標簽時，瀏覽器就會自動將焦點轉到和標簽相關的表單控件上。
<label> 標簽的 for 屬性應當與相關元素的 id 屬性相同。
提示和注釋
提示:"for" 屬性可把 label 綁定到另外一個元素。請把 "for" 屬性的值設置為相關元素的 id 屬性的值。
HTML 4.01 與 HTML5之間的差異
"form" 屬性是 HTML5 的新屬性。
屬性
New：HTML5 新屬性。
| 屬性 | 值 | 描述 |
|---|---|---|
| for | element_id | 規(guī)定 label 與哪個表單元素綁定。 |
| formNew | form_id | 規(guī)定 label 字段所屬的一個或多個表單。 |
全局屬性
<label> 標簽支持全局屬性，查看完整屬性表 HTML全局屬性。
事件屬性
<label> 標簽支持所有 HTML事件屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
編寫HTML5頁面時，我們很多時候都需要用到表單屬性，那么HTML5作為一個新晉IT界紅人，HTML5表單屬性有哪些呢？今天先來分享一下其中的<form> / <input> autocomplete 屬性、<input> autofocus 屬性、<input> form 屬性以及<input> formaction 屬性。
<form> / <input> autocomplete 屬性
autocomplete 屬性規(guī)定 form 或 input 域應該擁有自動完成功能。
當用戶在自動完成域中開始輸入時，瀏覽器應該在該域中顯示填寫的選項。
提示: autocomplete 屬性有可能在 form元素中是開啟的，而在input元素中是關閉的。
注意: autocomplete 適用于 <form> 標簽，以及以下類型的 <input> 標簽：text, search, url, telephone, email, password, datepickers, range 以及 color。
實例
HTML form 中開啟 autocomplete (一個 input 字段關閉 autocomplete ):
<form action="demo-form.php" autocomplete="on">
First name:<input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
E-mail: <input type="email" name="email" autocomplete="off"><br>
<input type="submit">
</form>
提示:某些瀏覽器中，您可能需要啟用自動完成功能，以使該屬性生效。
<form> novalidate 屬性
novalidate 屬性的一個boolean 屬性.
novalidate 屬性規(guī)定在提交表單時不應該驗證 form 或 input 域。
實例
無需驗證提交的表單數(shù)據(jù)
<form action="demo-form.php" novalidate>
E-mail: <input type="email" name="user_email">
<input type="submit">
</form>
<input> autofocus 屬性
autofocus 屬性是一個 boolean 屬性.
autofocus 屬性規(guī)定在頁面加載時，域自動地獲得焦點。
實例
讓 "First name" input 輸入域在頁面載入時自動聚焦：
First name:<input type="text" name="fname" autofocus>
<input> form 屬性
form 屬性規(guī)定輸入域所屬的一個或多個表單。
提示:如需引用一個以上的表單，請使用空格分隔的列表。
實例
位于form表單外的input 字段引用了 HTML form (該 input 表單仍然屬于form表單的一部分):
<form action="demo-form.php" id="form1">
First name: <input type="text" name="fname"><br>
<input type="submit" value="Submit">
</form>
Last name: <input type="text" name="lname" form="form1">
<input> formaction 屬性
The formaction 屬性用于描述表單提交的URL地址.
The formaction 屬性會覆蓋<form> 元素中的action屬性.
注意: The formaction 屬性用于 type="submit" 和 type="image".
實例
以下HTMLform表單包含了兩個不同地址的提交按鈕：
<form action="demo-form.php">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="submit" value="Submit"><br>
<input type="submit" formaction="demo-admin.php"
value="Submit as admin">
</form>
了解更多計算機相關知識，可登陸北大青鳥廣州新嘉華官網(wǎng)查看，或聯(lián)系在線值班老師了解詳情。
*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
