HTML <label> 元素（標(biāo)簽）表示用戶界面中某個元素的說明。 <label>標(biāo)簽用于為用戶輸入（例如 <button>， <input>， <meter>， <output>， <progress>， <select>或 <textarea>標(biāo)簽）生成標(biāo)題。此標(biāo)簽通常也稱為 <label>元素。
帶有兩個輸入字段和相關(guān)標(biāo)記的簡單 HTML 表單：
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>HTML5 label標(biāo)簽的使用(菜鳥教程 (cainiaoplus.com))</title> </head> <body> <h1>label使用</h1> <form action="demo-form.php"> <label for="company">公司: </label> <input type="text" name="company" id="company"><br> <label for="address">地址: </label> <input type="text" name="address" id="address"><br> <input type="submit" value="提交"> </form> </body> </html>測試看看 ?/?
IEFirefoxOperaChromeSafari
目前大多數(shù)瀏覽器支持 <label> 標(biāo)簽。
<label> 標(biāo)簽為 input 元素定義標(biāo)注（標(biāo)記）。它用于在網(wǎng)頁上顯示交互式控件的標(biāo)題。
label 元素不會向用戶呈現(xiàn)任何特殊效果。不過，它為鼠標(biāo)用戶改進(jìn)了可用性。如果您在 label 元素內(nèi)點(diǎn)擊文本，就會觸發(fā)此控件。就是說，當(dāng)用戶選擇該標(biāo)簽時(shí)，瀏覽器就會自動將焦點(diǎn)轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上。
<label> 標(biāo)簽的 for 屬性應(yīng)當(dāng)與相關(guān)元素的 id 屬性相同。
提示:"for" 屬性可把 label 綁定到另外一個元素。請把 "for" 屬性的值設(shè)置為相關(guān)元素的 id 屬性的值。
"form" 屬性是 HTML5 的新屬性。
New：HTML5 新屬性。
| 屬性 | 值 | 描述 |
|---|---|---|
| for | element_id | 規(guī)定 label 與哪個表單元素綁定。 |
| formHTML5 | form_id | 規(guī)定 label 字段所屬的一個或多個表單。 |
<label> 標(biāo)簽支持全局屬性，查看完整屬性表 HTML全局屬性。
<label> 標(biāo)簽支持所有 HTML事件屬性。