HTML атрибут <label> for

HTML <label> тег

Определение и использование

for Атрибут определяет, к какому элементу формы привязана этикетка.

Неявное и явное связывание

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

Например, в XHTML:

Явное связывание:

<label for="SSN">Номер身份证:</label>
<input type="text" name="IdNum" id="IN" />

Неявное связывание:

<label>Дата рождения：<input type="text" name="DofB" /></label>

Первый маркер явно связывает текст "Номер социального страхования:" и текстовое поле ввода социального страхования формы ("SocSecNum"), его for Значение атрибута и id контрола одинаковы, оба это SSN. Второй маркер ("Дата рождения:") не нужен for Свойство, связанное с контролем, также не требует атрибута id, они связаны между собой через placement <input> в <label> теге.

Пример

Три радио-кнопки с подписями:

<form action="/action_page.php">
  <input type="radio" id="html" name="fav_language" value="HTML">
  <label for="html">HTML</label><br>
  <input type="radio" id="css" name="fav_language" value="CSS">
  <label for="css">CSS</label><br>
  <input type="radio" id="javascript" name="fav_language" value="JavaScript">
  <label for="javascript">JavaScript</label><br><br>
  <input type="submit" value="Отправить">
</form>

Попробуйте сами

Синтаксис

<label for="element_id">

Значение атрибута

Значение Описание
element_id ID элемента, связанного с тегом.

Поддержка браузеров

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка

HTML <label> тег