--- id: 587d778a367417b2b2512aa6 title: Improve Form Field Accessibility with the label Element challengeType: 0 videoUrl: '' localeTitle: Улучшить доступность поля формы с помощью элемента Element --- ## Description
Улучшение доступности с семантической разметкой HTML применяется к использованию как соответствующих имен тегов, так и атрибутов. Следующие несколько проблем охватывают некоторые важные сценарии с использованием атрибутов в формах. label метки обертывают текст для определенного элемента управления формой, как правило это имя или ярлык для выбора. Это связывает смысл с элементом и делает форму более читаемой. for атрибут на label теге явно связывает этот label с контролем формы и используется для чтения с экрана. Вы узнали о переключателях и их ярлыках в уроке в разделе «Основы HTML». В этом уроке мы завернули элемент ввода переключателя внутри элемента label вместе с текстом ярлыка, чтобы сделать текст кликабельным. Другой способ добиться этого - использовать атрибут for как объяснено в этом уроке. Значение атрибута for должно быть таким же, как значение атрибута id элемента управления формой. Вот пример:
<Форма>
<label for = "name"> Имя: </ label>
<input type = "text" id = "name" name = "name">
</ Форма>
## Instructions
Camper Cat рассчитывает на большой интерес к его вдумчивым сообщениям в блоге и хочет включить форму для регистрации электронной почты. Добавьте for атрибут к label электронной почты, которая соответствует id на его input поле.
## Tests
```yml tests: - text: 'Ваш код должен иметь атрибут for в теге label, который не является пустым.' testString: 'assert($("label").attr("for"), "Your code should have a for attribute on the label tag that is not empty.");' - text: 'Значение атрибута for должно соответствовать значению id электронной почты input.' testString: 'assert($("label").attr("for") == "email", "Your for attribute value should match the id value on the email input.");' ```
## Challenge Seed
```html

Deep Thoughts with Master Camper Cat

Sign up to receive Camper Cat's blog posts by email here!

The Garfield Files: Lasagna as Training Fuel?

The internet is littered with varying opinions on nutritional paradigms, from catnip paleo to hairball cleanses. But let's turn our attention to an often overlooked fitness fuel, and examine the protein-carb-NOM trifecta that is lasagna...

Defeating your Foe: the Red Dot is Ours!

Felines the world over have been waging war on the most persistent of foes. This red nemesis combines both cunning stealth and lightening speed. But chin up, fellow fighters, our time for victory may soon be near...

Is Chuck Norris a Cat Person?

Chuck Norris is widely regarded as the premier martial artist on the planet, and it's a complete coincidence anyone who disagrees with this fact mysteriously disappears soon after. But the real question is, is he a cat person?...

```
## Solution
```js // solution required ```