Тег <label> Атрибут <for>
Задает уникальный идентификатор, определяемый с помощью атрибута id элемента <input>, с которым следует установить связь. Атрибут for необходимо задавать в том случае, когда элемент формы и текст разделены. Если <input> размещается внутри контейнера <label>, то применять атрибут for не требуется.
IExplorer | Chrome | Opera | Safari | Firefox | Android | iOS | |
5.0+ | 7.0+ | 1.0+ | 4.0+ | 1.2+ | 1.0+ | 1.0+ | 1.0+ |
HTML: | 3.2 | 4.01 | 5.0 |
XHTML: | 1.0 | 1.1 |
<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">Lorem ipsum</label></p>
<p><input type="radio" name="l" id="radio2">
<label for="radio2">Dolor sit amet</label></p>
</form>
</body>
</html>
IE5-6 не позволяет активировать поле формы при щелчке по тексту, когда поле с текстом находится внутри тега <label>.