Улучшить доступность поля формы с помощью элемента Element
Улучшение доступности с семантической разметкой HTML применяется к использованию как соответствующих имен тегов, так и атрибутов. Следующие несколько проблем охватывают некоторые важные сценарии с использованием атрибутов в формах. label метки обертывают текст для определенного элемента управления формой, как правило это имя или ярлык для выбора. Это связывает смысл с элементом и делает форму более читаемой. for атрибут на label теге явно связывает этот label с контролем формы и используется для чтения с экрана. Вы узнали о переключателях и их ярлыках в уроке в разделе «Основы HTML». В этом уроке мы завернули элемент ввода переключателя внутри элемента label вместе с текстом ярлыка, чтобы сделать текст кликабельным. Другой способ добиться этого - использовать атрибут for как объяснено в этом уроке. Значение атрибута for должно быть таким же, как значение атрибута id элемента управления формой. Вот пример:
<Форма>
<label for = "name"> Имя: </ label>
<input type = "text" id = "name" name = "name">
</ Форма>
Camper Cat рассчитывает на большой интерес к его вдумчивым сообщениям в блоге и хочет включить форму для регистрации электронной почты. Добавьте for атрибут к label электронной почты, которая соответствует id на его input поле.