Movatterモバイル変換


[0]ホーム

URL:


  1. Веб-технологии для разработчиков
  2. HTML
  3. Справка по HTML
  4. Элемент
  5. <label>

This page was translated from English by the community.Learn more and join the MDN Web Docs community.

View in EnglishAlways switch to English

<label>

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨июль 2015 г.⁩.

HTML-элемент<label> представляет собой подпись к элементу пользовательского интерфейса.

Категории контентаОбщий поток,текстовый контент,интерактивный контент, элемент формы, ощутимый контент.
Допустимый контентТекстовый контент, но без вложенных элементовlabel. Недопустимы другие оборачиваемые вlabel элементы помимо целевого.
Пропуск теговНет, открывающий и закрывающий теги обязательны.
Допустимые родителиЛюбой элемент, разрешающийтекстовый контент.
Допустимые ARIA-ролиНет
DOM-интерфейсHTMLLabelElement

Атрибуты

Элемент поддерживаетглобальные атрибуты.

for

IDlabelable-элемента, который находится в том же документе, что и элемент label. Первый такой элемент в документе, ID которого совпадает со значением атрибутаfor, становитсяlabeled-* контролом для данногоlabel.

Примечание:Элементlabel может иметь как атрибутfor, так и отдельный элемент управления, если атрибутfor указывает на содержащийся элемент управления.

form

Элемент формы, с которым связан label (его владелец формы). Если указано, значением атрибута является идентификатор элемента<form> в том же документе. Это позволяет размещать элементы label в любом месте документа, а не только как потомки их элементов формы.

Примечание:Этот атрибут содержимого был удалён из спецификации HTML 28 апреля 2016 г. Однако сценарии по-прежнему имеют доступ только для чтенияHTMLLabelElement.form; он возвращает форму, членом которой является связанный элемент управления label, или значение NULL, если label не связана с элементом управления или элемент управления не является частью формы.

Примечания по использованию

  • <label> можно связать с элементом управления, поместив элемент управления внутри элемента <label> или используя атрибутfor. Такой элемент управления называется помеченным элементом управления надписью. Один вход может быть связан с несколькими метками.
  • Метки сами по себе не связаны с формами. Они только косвенно связаны с формами через элементы управления, с которыми они связаны.

Examples

Simple label example

html
<label>Click me <input type="text" /></label>

Using the "for" attribute

html
<label for="username">Click me</label> <input type="text" />

Спецификации

Specification
HTML
# the-label-element

Совместимость с браузерами

Смотрите также

Help improve MDN

Learn how to contribute

This page was last modified on byMDN contributors.


[8]ページ先頭

©2009-2025 Movatter.jp