Тег <label> HTML5

Пример

Простая форма HTML с двумя полями ввода и связанными с ними с этикетками:

<form>
  <label for="male">Мужчина</label>
  <input type="radio" name="sex" id="male" />
  <br />
  <label for="female">Женщина</label>
  <input type="radio" name="sex" id="female" />
</form>

Результат выполнения кода выше:

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

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

тег <label> поддерживается во всех ведущих браузерах

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

Тег <label> определяет этикетку для элемента ввода.

Элемент label не делает ничего особенного для пользователя. Тем не менее, он обеспечивает улучшение возможностей для пользователей с мышкой, потому что если пользователь нажимает по тексту этикетки элемента, он переключает контроль.

Атрибут for для тега <label> должен быть равен атрибуту id элемента для связывания их вместе.

Разница между HTML 4.01 и HTML5

Атрибут form является новым для тега <label> в HTML5.

Советы и примечания

Примечание: Этикетка может быть связана с другим элементом с помощью атрибута for, или разместив элемент внутри элемента label.

Атрибуты

Новое : Новое в HTML5.

Атрибут	Значение	Описание
for	id	Указывает, с каким элементом формы связана этикетка
formНовое	id формы	Задает одну или несколько форм к которым поле label принадлежит

Глобальные атрибуты

Тег <label> поддерживает Глобальные атрибуты в HTML5.

Атрибуты событий

Тег <label> поддерживает Атрибуты событий в HTML5.

Была ли эта информация полезной?

Да Нет