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 对象")