<label>
Элемент <label>
устанавливает связь между определённой меткой, в качестве которой обычно выступает текст, и элементом формы (<input>, <select>, <textarea>
). Такая связь необходима, чтобы изменять значения элементов формы при щелчке курсором мыши на текст. Кроме того, с помощью <label>
можно устанавливать горячие клавиши на клавиатуре и переходить на активный элемент подобно ссылкам.
Существует два способа связывания объекта и метки. Первый заключается в использовании идентификатора id внутри элемента формы и указании его имени в качестве атрибута for элемента <label>
. При втором способе элемент формы помещается внутрь контейнера <label>
.
Закрывающийся тег:
Обязателен
Поддержка:
HTML4 и выше
Атрибуты:
Пример:
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>LABEL</title> </head> <body> <form action="handler.php"> <p><b>Выберите язык программирования,которым вы владеете</b></p> <p><input type="checkbox" id="check1"><label for="check1">Delphi</label><Br> <input type="checkbox" id="check2"><label for="check2">С++</label><Br> <input type="checkbox" id="check3"><label for="check3">Java</label><Br> <input type="checkbox" id="check4"><label for="check4">PHP</label><Br> </form> </body> </html>