Относительно метки HTML "Для"

Рассмотрение следующих двух строк кода (скопировано из w3schools.com > "HTML <label> для атрибута" ):

  <label for="male">Male </label>
  <input type="radio" name="sex" id="male" />

У меня возникли проблемы с поиском точной цели вышеуказанного свойства label. Как вы можете видеть, в настоящее время он установлен на "male" (чтобы соответствовать идентификатору элемента управления вводом).

Все, что я до сих пор читал, это то, что приведенный выше код будет "связывать" и "привязывать" метку с помощью элемента управления ввода. Итак, мой вопрос: что именно это означает?

Каковы результаты сопоставления метки с элементом управления вводом?
 Является ли метка и/или входными данными новыми поведением в результате этой "ассоциации"?

ОТВЕТЫ

Ответ 1

A label, связанный с элементом управления через for, будет доступен для кликов. При нажатии на него выбирается элемент управления. Особенно полезна радио/флажки в частности. Он также имеет последствия для экранных устройств для людей с ослабленным зрением.

Ответ 2

Когда вы нажимаете на ярлык (Мужской), на радио будет проверено что-то не возможное, если вы не используете ярлык. Метка также полезна при разработке для небольших устройств, таких как мобильные телефоны.

Таким образом, это полезно для:

  • причины доступности
  • устройства меньшего размера, такие как мобильные телефоны и т.д.
  • полезно в переключателях и флажках, особенно

Ответ 3

Я считаю, что привязка метки к элементу формы позволяет вам назначить ключ label ключ доступа, который приведет фокус к связанному с ним элементу формы.

Как уже упоминалось, это также позволяет вам щелкнуть по label и сфокусировать внимание на элементе формы.

Для атрибута all вы можете поместить label и элемент в семантически разные области html и поддерживать связь. (Как две таблицы, или два разных div). Если вы поместите оба из них вместе, как в вашем примере, также правильно вложить элемент формы в метку и отказаться от атрибута for

Ответ 4

Да, я считаю, что он действует как контроль формы или механизм проверки при заполнении формы на веб-странице, особенно с переключателями или флажками. Нажимая на ярлык, он указывает пользователю прямо на область в форме, где должна быть введена правильная информация. Например, "текст". Или, в случае, когда пользователь должен выбрать некоторые параметры, такие как true или false, или мужчина или женщина.