HTML <label> 標簽 · W3School HTML 參考手冊

# HTML <label> 標簽 ## 實例帶有兩個輸入字段和相關標記的簡單 HTML 表單： ``` <form> <label for="male">Male</label> <input type="radio" name="sex" id="male" /> <br /> <label for="female">Female</label> <input type="radio" name="sex" id="female" /> </form> ``` ## 瀏覽器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | 所有主流瀏覽器都支持 <label> 標簽。 Safari 2 或更早的版本不支持 <label> 標簽。 ## 定義和用法 <label> 標簽為 input 元素定義標注（標記）。 label 元素不會向用戶呈現任何特殊效果。不過，它為鼠標用戶改進了可用性。如果您在 label 元素內點擊文本，就會觸發此控件。就是說，當用戶選擇該標簽時，瀏覽器就會自動將焦點轉到和標簽相關的表單控件上。 <label> 標簽的 for 屬性應當與相關元素的 id 屬性相同。 ## HTML 與 XHTML 之間的差異 NONE ## 提示和注釋：注釋："for" 屬性可把 label 綁定到另外一個元素。請把 "for" 屬性的值設置為相關元素的 id 屬性的值。 ## 屬性 new : HTML5 中的新屬性。 | 屬性 | 值 | 描述 | | --- | --- | --- | | [for](/tags/att_label_for.asp "HTML5 <label> for 屬性") | _id_ | 規定 label 綁定到哪個表單元素。 | | [form](/tags/att_label_form.asp "HTML5 <label> form 屬性") | _formid_ | 規定 label 字段所屬的一個或多個表單。 | ## 全局屬性 <label> 標簽支持 [HTML 中的全局屬性](/tags/html_ref_standardattributes.asp)。 ## 事件屬性 <label> 標簽支持 [HTML 中的事件屬性](/tags/html_ref_eventattributes.asp)。 ## TIY 實例 [label](/tiy/t.asp?f=html_label) 如何為控件定義標記。 ``` <html> <body> <p>請點擊文本標記之一，就可以觸發相關控件：</p> <form> <label for="male">Male</label> <input type="radio" name="sex" id="male" /> <br /> <label for="female">Female</label> <input type="radio" name="sex" id="female" /> </form> </body> </html> ``` ## 相關頁面 HTML DOM 參考手冊：[Column 對象](/jsref/dom_obj_col.asp "HTML DOM Column 對象")