Доступная форма

Создайте понятную и заполняемую форму.

ШАГ 1 · ИЗУЧИТЕ

Как это работает

Label определяет поле, правильный type помогает проверке.

Правильный пример

<form>
  <label for="email">Email</label>
  <input id="email" name="email" type="email" required>
  <button type="submit">Отправить</button>
</form>

for и id связывают подпись с полем. type email включает проверку email, required делает поле обязательным.

Частая ошибка

<input placeholder="Email">

Placeholder исчезает при вводе и не заменяет постоянную связанную подпись.

ШАГ 2 · ПРИМЕНИТЕ

Добавьте обязательные имя и email, связанные label и кнопку submit.

index.htmlHTML

Безопасный результатизолировано

Черновик хранится только в этом браузере.HTML и CSS разрешены · скрипты и сеть заблокированы

ШАГ 4 · ПРОВЕРЬТЕ

0%не проверено

Объясните логику решения

Для каждого поля проверьте пару label for и input id, затем добавьте name, правильный type и required.