例

帶有兩個輸入字段和相關標記的簡單 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>

瀏覽器支持

目前大多數瀏覽器支持 <label> 標簽。

標簽定義及使用說明

<label> 標簽為 input 元素定義標注（標記）。

label 元素不會向用戶呈現任何特殊效果。不過，它為鼠標用戶改進了可用性。如果您在 label 元素內點擊文本，就會觸發此控件。就是說，當用戶選擇該標簽時，瀏覽器就會自動將焦點轉到和標簽相關的表單控件上。

<label> 標簽的 for 屬性應當與相關元素的 id 屬性相同。

提示和注釋

提示:"for" 屬性可把 label 綁定到另外一個元素。請把 "for" 屬性的值設置為相關元素的 id 屬性的值。

HTML 4.01 與 HTML5之間的差異

"form" 屬性是 HTML5 的新屬性。

屬性

New：HTML5 新屬性。

全局屬性

<label> 標簽支持全局屬性，查看完整屬性表 HTML全局屬性。

事件屬性

<label> 標簽支持所有 HTML事件屬性。

如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！

編寫HTML5頁面時，我們很多時候都需要用到表單屬性，那么HTML5作為一個新晉IT界紅人，HTML5表單屬性有哪些呢？今天先來分享一下其中的<form> / <input> autocomplete 屬性、<input> autofocus 屬性、<input> form 屬性以及<input> formaction 屬性。

<form> / <input> autocomplete 屬性

autocomplete 屬性規定 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 屬性規定在提交表單時不應該驗證 form 或 input 域。

實例

無需驗證提交的表單數據

<form action="demo-form.php" novalidate>

E-mail: <input type="email" name="user_email">

<input type="submit">

</form>

<input> autofocus 屬性

autofocus 屬性是一個 boolean 屬性.

autofocus 屬性規定在頁面加載時，域自動地獲得焦點。

實例

讓 "First name" input 輸入域在頁面載入時自動聚焦：

First name:<input type="text" name="fname" autofocus>

<input> form 屬性

form 屬性規定輸入域所屬的一個或多個表單。

提示:如需引用一個以上的表單，請使用空格分隔的列表。

實例

位于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>

了解更多計算機相關知識，可登陸北大青鳥廣州新嘉華官網查看，或聯系在線值班老師了解詳情。