©
本文档使用 PHP中文网手册 发布
HTML <label>元素表示用户界面中项目的标题。
内容类别 | Flow content, phrasing content, interactive content, form-associated element, palpable content. |
---|---|
允许的内容 | Phrasing content ,但没有子代标签元素。除了有标签的控制以外,不允许有任何可标记的元素。 |
标记遗漏 | 没有,起始和结束标签都是强制性的。 |
允许父级 | 任何接受短语内容的元素。 |
允许ARIA角色 | 没有 |
DOM界面 | HTMLLabelElement |
这个元素包含全局属性。
for
可标记的 form相关元素的ID,在同一文档中作为label元素。 第一个这样的元素在文档中有一个ID匹配属性值,作为这个label元素的labeled control。
label元素可同时有属性和包含控件元素(contained control element),只要此for属性指向包含控件元素。
form
HTML5与标签关联的表单元素(表单所有者)。如果指定,则该属性的值是<form>
同一文档中元素的ID 。这使您可以将标签元素放置在文档中的任何位置,而不仅仅是其表单元素的后代。
此内容属性已于2016年4月28日从HTML规范中删除。但是,脚本仍然可以访问只读HTMLLabelElement.form
属性; 它将返回标签的关联控件所属的表单,或者null
标签与控件没有关联,或者控件不是表单的一部分。
<label>
通过将控件元素放置在<label>
元素中,或者通过使用for
属性,可以将A 与控件相关联。这种控制被称为标签元素的标签控制。一个输入可以与多个标签相关联。
标签本身并不直接与表单关联。他们只是通过与他们相关的控制与形式间接联系在一起。
<label>Click me <input type="text"></label>
<label for="username">Click me</label><input type="text" id="username">
Specification | Status | Comment |
---|---|---|
HTML Living StandardThe definition of '<label>' in that specification. | Living Standard | |
HTML5The definition of '<label>' in that specification. | Recommendation | |
HTML 4.01 SpecificationThe definition of '<label>' in that specification. | Recommendation | Initial definition |
Feature | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|---|
Basic Support | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) |
for | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) |
form | (Yes) | (Yes) | (Yes) — 49 | (Yes) | (Yes) | (Yes) |
Feature | Android | Chrome for Android | Edge mobile | Firefox for Android | IE mobile | Opera Android | iOS Safari |
---|---|---|---|---|---|---|---|
Basic Support | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) |
for | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) |
form | (Yes) | (Yes) | (Yes) | (Yes) — 49 | (Yes) | (Yes) | (Yes) |