<label>
**HTML-элемент <label>
**представляет собой подпись к элементу пользовательского интерфейса.
Категории контента | Общий поток, текстовый контент, интерактивный контент, элемент формы, ощутимый контент. |
---|---|
Допустимый контент | Текстовый контент, но без вложенных элементов label . Недопустимы другие оборачиваемые в label элементы помимо целевого. |
Пропуск тегов | Нет, открывающий и закрывающий теги обязательны. |
Допустимые родители | Любой элемент, разрешающий текстовый контент. |
Допустимые ARIA-роли | Нет |
DOM-интерфейс | HTMLLabelElement (en-US) |
Атрибуты
Элемент поддерживает глобальные атрибуты.
for
-
ID labelable-элемента, который находится в том же документе, что и элемент label. Первый такой элемент в документе, ID которого совпадает со значением атрибута
for
, становитсяlabeled-*
контролом для данногоlabel
.Примечание: Элемент label может иметь как атрибут for, так и отдельный элемент управления, если атрибут for указывает на содержащийся элемент управления.
form
-
Элемент формы, с которым связан label (его владелец формы). Если указано, значением атрибута является идентификатор элемента
<form>
в том же документе. Это позволяет размещать элементы label в любом месте документа, а не только как потомки их элементов формы.Примечание: Этот атрибут содержимого был удалён из спецификации HTML 28 апреля 2016 г. Однако сценарии по-прежнему имеют доступ только для чтения
HTMLLabelElement.form
(en-US); он возвращает форму, членом которой является связанный элемент управления label, или значение NULL, если label не связана с элементом управления или элемент управления не является частью формы.
Примечания по использованию
- <label> можно связать с элементом управления, поместив элемент управления внутри элемента <label> или используя атрибут
for
. Такой элемент управления называется помеченным элементом управления надписью. Один вход может быть связан с несколькими метками. - Метки сами по себе не связаны с формами. Они только косвенно связаны с формами через элементы управления, с которыми они связаны.
Examples
Simple label example
<label>Click me <input type="text"></label>
Using the "for" attribute
<label for="username">Click me</label>
<input type="text" id="username">
Specifications
Specification | Status | Comment |
---|---|---|
HTML Living Standard Определение '<label>' в этой спецификации. |
Живой стандарт | |
HTML5 Определение '<label>' в этой спецификации. |
Рекомендация | |
HTML 4.01 Specification Определение '<label>' в этой спецификации. |
Рекомендация | Initial definition |
Browser compatibility
BCD tables only load in the browser
See also
- Other form-related elements:
<form>
,<input>
,<button>
,<datalist>
,<legend>
,<select>
,<optgroup>
,<option>
,<textarea>
(en-US),<keygen>
,<fieldset>
,<output>
,<progress>
and<meter>
.