directory search
Attributes accesskey (attribute) class (attribute) contenteditable (attribute) contextmenu (attribute) data-* (attribute) dir (attribute) draggable (attribute) dropzone (attribute) Global attributes hidden (attribute) id (attribute) itemid (attribute) itemprop (attribute) itemref (attribute) itemscope (attribute) itemtype (attribute) lang (attribute) slot (attribute) spellcheck (attribute) style (attribute) tabindex (attribute) title (attribute) translate (attribute) Elements a abbr address area article aside audio b base bdi bdo blockquote body br button canvas caption cite code col colgroup data datalist dd del details dfn dialog div dl dt em embed fieldset figcaption figure footer form h1 head header hr html i iframe img input input type="button" input type="checkbox" input type="color" input type="date" input type="datetime"-local input type="email" input type="file" input type="hidden" input type="image" input type="month" input type="number" input type="password" input type="radio" input type="range" input type="reset" input type="search" input type="submit" input type="tel" input type="text" input type="time" input type="url" input type="week" ins kbd label legend li link main map mark menu menuitem meta meter nav noscript object ol optgroup option output p param picture pre progress q rp rt rtc ruby s samp script section select slot small source span strong style sub summary sup table tbody td template textarea tfoot th thead time title tr track u ul var video wbr Miscellaneous Attributes Block-level elements CORS enabled image CORS settings attributes Element Inline elements Kinds of HTML content Link types Microdata Optimizing your pages for speculative parsing Preloading content Reference Supported media formats Using the application cache Obsolete acronym applet basefont big blink center command content dir element font frame frameset hgroup image input type="datetime" isindex keygen listing marquee nextid noframes plaintext strike tt xmp
characters

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)

Previous article: Next article: