HTML参考手册
标签 | Elements
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) |
标签 | Elements相关
超文本标记语言,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。