HTML <label>Тег


Примеры

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

<form action="demo_form.php"> <label for="male">Мужской</label> <input type="radio" name="sex" id="male" value="male"><br> <label for="female">Женский</label> <input type="radio" name="sex" id="female" value="female"><br><br> <input type="submit" value="Submit"> </form>

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

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

Internet Explorer Firefox Opera Google Chrome Safari

Большинство браузеров в настоящее время поддерживают тег <label>.

Определение тега и инструкции по использованию

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

Элемент label не отображает каких-либо специальных эффектов для пользователя. Однако он повышает удобство использования для пользователей мыши. Если вы щелкнете текст внутри элемента label, этот элемент управления срабатывает. То есть, когда пользователь выбирает label, браузер автоматически передает фокус элементу формы, связанному с label.

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

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

Совет:Атрибут "for" может привязать label к другому элементу. Установите значение атрибута "for" равным значению атрибута id связанного элемента.

Различия между HTML 4.01 и HTML5

Атрибут "form" является новым в HTML5.

Атрибуты

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

Attribute Значение Описание
for element_id Указывает, к какому элементу формы привязан label.
formНовое form_id Указывает одну или несколько форм, к которым относится поле label.

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

Тег <label> поддерживает глобальные атрибуты. Просмотрите полную таблицу атрибутовГлобальные атрибуты HTML。

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

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

Другие расширения