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>, він перемикає введення (це збільшує зону влучення).

Поради та нотатки

Порада: Атрибут для <label> має дорівнювати атрибуту id пов’язаного елемента, щоб зв’язати їх разом. Мітку також можна прив’язати до елемента, розмістивши елемент усередині елемента <label>.

Підтримка браузерами

Атрибути

Глобальні атрибути

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

Атрибути подій

Тег <label> також підтримує Атрибути подій і HTML.

Пов’язані сторінки

HTML DOM довідник: Об’єкт Label

CSS налаштування за замовчуванням

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