Помогите понять тег label


#1

При прохождении курса формы не совсем поняла, что это за тег 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

Что примечательно оба ресурса довольно крупные и созданы одним и тем же человеком, что меня и озадачило


#2

При демонстрации фрагментов кода используйте кнопку </> для форматирования, иначе код не отображается.


#3

Я не понимаю, что и как нужно использовать, не могли бы вы объяснить подробнее


#4
Пример

code_format


#5

спасибо, переделала


#6

Скорее всего так. Было бы лучше, если бы вы прикрепили ссылку на ресурс, где были эти примеры.


#7

Вот ссылка на ресурс с которого процитировано объяснение http://htmlbook.ru/html/label
А вот ссылка на ресурс с подобными примерами кода https://webref.ru/course/html-content/forms

Что примечательно оба ресурса довольно крупные и созданы одним и тем же человеком, что меня и озадачило


#8

Примеры не самые удачные, конечно. “Семейное положение” могло быть или параграфом, или legend, но никак не label исходя из назначения тега.