label

Оновлено: 27.05.2022

<label>

Елемент <label> (від англ. label — мітка) встановлює зв'язок між певною міткою, якою зазвичай є текст, і елементом форми (<input>, <select>, <textarea>). Такий зв'язок необхідний, щоб змінювати значення елементів форми при натисканні курсором миші на текст. Крім того, за допомогою <label> можна встановлювати гарячі клавіші на клавіатурі та переходити на активний елемент подібно до посилань.

Існує два способи зв'язування об'єкта та мітки. Перший полягає у використанні ідентифікатора id всередині елемента форми та вказівці його імені як атрибута for для елемента <label>. При другому способі елемент форми міститься всередину контейнера <label>.

Синтаксис

<input id="<ідентифікатор>"><label for="<ідентифікатор>">Текст</label> <label><input> Текст</label>

Закриваючий тег

Обов'язковий.

Атрибути

  • Атрибут for

    Атрибут for

    Ідентифікатор елемента, з яким слід встановити зв'язок.

Для цього елемента доступні універсальні атрибути та події.

Приклад

Примечание

IE до версії 6.0 включно не дозволяє активувати поле форми при натисканні на текст, коли поле з текстом знаходиться всередині <label>.

IE до версії 8.0 включно коректно працює з <label> лише за наявності тексту. Якщо додати зображення (<label><img src="pic.jpg" alt=""></label> ), активувати поле форми клацанням по картинці не можна.

Браузери

label

Переглянути сумісність з Can I use?

label