Атрибут for

Задаёт уникальный идентификатор, определяемый с помощью атрибута id элемента <input>, с которым следует установить связь. Атрибут for необходимо задавать в том случае, когда элемент формы и текст разделены. Если <input> размещается внутри контейнера <label>, то применять атрибут for не требуется.

Синтаксис

<label for="<идентификатор>">...</label>

Значения

Имя идентификатора. Такое имя чувствительно к регистру, поэтому его следует писать так же, как оно описано внутри элемента <input>.

Значение по умолчанию

Нет.

Пример

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>LABEL, атрибут for</title>
 </head>
 <body>  
  <form action="handler.php">
   <p><input type="radio" name="l" id="radio1">
    <label for="radio1">Вода с газом</label></p>
    <p><input type="radio" name="l" id="radio2">
    <label for="radio2">Вода без газа</label></p>
  </form>
 </body>
</html>

Примечание

IE до версии 7 не позволяет активировать поле формы при щелчке по тексту, когда поле с текстом находится внутри элемента <label>.

Браузеры ?

Браузеры

В таблице браузеров применяются следующие обозначения.

  •  — элемент полностью поддерживается браузером;
  •  — элемент браузером не воспринимается и игнорируется;
  •  — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

Автор и редакторы

Автор: Влад Мержевич
Последнее изменение: 02.01.2017
Редакторы: Влад Мержевич
Курс по вёрстке сайта на CSS Grid