label
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>使用“for”属性
<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) |
本文档系腾讯云开发者社区成员共同维护，如有问题请联系 cloudcommunity@tencent.com
