Метка элемента формы <label>

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

Атрибуты тега <label>

for

Идентификатор элемента, с которым установлена связь.

form

Идентификатор формы, с которой установлена связь.

Для тега <label> также доступны общие атрибуты и атрибуты обработки событий.

Связать метку и элемент формы можно двумя способами:

1. Элемент формы размещается внутри контейнера <label>...</label>. Например:

   <label>
       Показывать удаленные заказы <input type="checkbox" id="showdelholds" name="showdelholds">
   </label>

   РЕЗУЛЬТАТ:

   Показывать удаленные заказы
   
   
2. Элемент формы размещается вне контейнера <label>...</label> и связывается с меткой путем указания идентификатора элемента в качестве значения атрибута for. Например:

   <label for="showdelholds">Показывать удаленные заказы</label>
   <input type="checkbox" id="showdelholds" name="showdelholds">

   РЕЗУЛЬТАТ:

   Показывать удаленные заказы