При прохождении курса формы не совсем поняла, что это за тег label и как его верно использовать, нашла краткое и понятное объяснение:
Тег <label> устанавливает связь между определенной меткой, в качестве которой обычно выступает текст, и элементом формы (<input>, <select>, <textarea>). Такая связь необходима, чтобы изменять значения элементов формы при нажатии курсором мыши на текст. Кроме того, с помощью <label> можно устанавливать горячие клавиши на клавиатуре и переходить на активный элемент подобно ссылкам.
Существует два способа связывания объекта и метки. Первый заключается в использовании идентификатора id внутри элемента формы и указании его имени в качестве атрибута for тега<label>. При втором способе элемент формы помещается внутрь контейнера<label>
.
Вроде все понятно, но в том же гугле наткнулась на примеры кода, которые я не поняла:
пример 1
<label>Email</label>
<input type="email">
пример 2
<label>Семейное положение</label>
<label>
<input type="radio" name="status">
Холост
</label>
И еще много подобных, где в тег label обернут только текст. Я не понимаю зачем оборачивать просто текст в label, тем более, что и на хтмлакадемии и на сторонних ресурсах указано, что
“Существует два способа связывания объекта и метки. Первый заключается в использовании идентификатора id внутри элемента формы и указании его имени в качестве атрибута for тега <label>. При втором способе элемент формы помещается внутрь контейнера<label>.”
То есть, если я все верно понимаю, то <label>Семейное положение</label> в примере 2 ничего ни с чем не связывает
Помогите, пожалуйста, это я что-то не поняла или просто эти примеры кода не корректны и на них не нужно обращать внимание?
Вот ссылка на ресурс с которого процитировано объяснение http://htmlbook.ru/html/label
А вот ссылка на ресурс с подобными примерами кода https://webref.ru/course/html-content/forms
Что примечательно оба ресурса довольно крупные и созданы одним и тем же человеком, что меня и озадачило
