HTML тег <label>
Пример
Три радиокнопки с метками (лейблами):
<form action="/action_page.php">
<label for="male">Male</label>
<input type="radio" name="gender" id="male" value="male"><br>
<label for="female">Female</label>
<input type="radio" name="gender" id="female" value="female"><br>
<label for="other">Other</label>
<input type="radio" name="gender" id="other" value="other"><br><br>
<input type="submit" value="Submit">
</form>
Попробуйте сами »
Определение и использование
Тег <label> определяет метку для элемента <button>, <input>, <meter>, <output>, <progress>, <select> или <textarea>.
Элемент <label> не представляет ничего особенного для пользователя. Тем не менее, он обеспечивает улучшение юзабилити для пользователей мыши, потому что, если пользователь нажимает на текст в элементе <label>, он переключает элемент управления.
Атрибут для тега <label> должен быть равен атрибуту id связанного элемента, чтобы связать их вместе.
Поддержка браузерами
| Элемент | |||||
|---|---|---|---|---|---|
| <label> | Yes | Yes | Yes | Yes | Yes |
Советы и примечания
Совет: Метка может быть привязана к элементу либо с помощью атрибута "for" либо путем размещения элемента внутри элемента <label>.
Различия между HTML 4.01 и HTML5
Атрибут "form" новый в HTML5.
Атрибуты
| Атрибут | Значение | Описание |
|---|---|---|
| for | element_id | Указывает, к какому элементу формы привязана метка |
| form | form_id | Указывает одну или несколько форм, к которым принадлежит метка |
Глобальные атрибуты
Тег <label> также поддерживает Глобальные атрибуты в HTML.
Атрибуты событий
Тег <label> также поддерживает Атрибуты событий в HTML.
Связанные страницы
HTML DOM справочник: Объект Label
Настройки CSS по умолчанию
Большинство браузеров будут отображать элемент <label> со следующими значениями по умолчанию:
Сайт работает на фреймворке W3.CSS.
