Тег <label> определяет метку для элемента <input>.
Элемент <label> на пользовательском уровне ничего особенного не генерирует. Тем не менее, он позволяет улучшить взаимодействие пользователя со страницей, так как при нажатии мышкой на метку активируется связанный с ней контрольный элемент.
Атрибут for тега <label> должен иметь такое же значение, что и атрибут id соответствующего контрольного элемента. Это позволяет связать их друг с другом.
Метка может быть связана с контрольным элементом либо при помощи атрибута for, либо вложив этот контрольный элемент в тег <label>.
Разница между HTML 4.01 и HTML5
В HTML5 у тега <label> появилось новый атрибут form.
Атрибуты тега <label>
| Атрибут | Описание |
|---|---|
| for | Определяет к какому элементу относится метка |
| form | Определяет к какой форме относится данный элемент |
Общие атрибуты
Тег <label> поддерживает общие атрибуты и атрибуты-события.
CSS стили по умолчанию
Большинство браузеров будут отображать тег <label> со следующими стилями
label {
cursor: default;
}
HTML пример использования
Две кнопки выбора с текстовыми метками:
<form action='demo_form.asp'>
<label for="male">Male</label>
<input type="radio" name="sex" id="male" value="male"><br>
<label for="female">Female</label>
<input type="radio" name="sex" id="female" value="female"><br>
<input type="submit" value="Submit">
</form>
