HTML Тег <label>

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

Тег <label> определяет метку для нескольких элементов:

• <input type="checkbox">
• <input type="color">
• <input type="date">
• <input type="datetime-local">
• <input type="email">
• <input type="file">
• <input type="month">
• <input type="number">
• <input type="password">
• <input type="radio">
• <input type="range">
• <input type="search">
• <input type="tel">
• <input type="text">
• <input type="time">
• <input type="url">
• <input type="week">
• <meter>
• <progress>
• <select>
• <textarea>

Правильное использование меток с указанными выше элементами принесет пользу:

• Пользователям программ чтения с экрана (метка будет зачитана вслух, когда пользователь сфокусируется на элементе)
• Пользователям, которым трудно кликать по очень маленьким областям (таким как флажки) - потому что когда пользователь кликает по тексту внутри элемента <label>, он переключает связанный элемент ввода (это увеличивает область нажатия). 

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

Совет: Атрибут for тега <label> должен быть равен атрибуту id связанного элемента, чтобы привязать их друг к другу. Метка также может быть привязана к элементу путем размещения элемента внутри тега <label>. 

Поддержка браузерами

Атрибуты

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

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

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

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

Связанные страницы

Справка по HTML DOM: Объект Label

Настройки CSS по умолчанию

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