УРОК 79 ИЗ 120

Создайте: полную сгруппированную форму

Создайте форму с fieldset, legend, двумя полями и submit.

Официальный источникWHATWG HTML — formsПроверено: 2026-08-26
ШАГ 1 · ИЗУЧИТЕ

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

Создайте форму с fieldset, legend, двумя полями и submit. Семантическая структура должна описывать смысл, а не внешний вид.

Правильный пример
<form><fieldset><legend>Контактные данные</legend><label for="contact-name">Имя</label><input id="contact-name" type="text" name="name" required><label for="contact-email">Email</label><input id="contact-email" type="email" name="email" required autocomplete="email"><button type="submit">Отправить</button></fieldset></form>

Форма объединяет элементы в fieldset и называет группу первым legend. Каждый input имеет тип, id, name, required и связанный label, а button явно объявляет отправку.

Частая ошибка
<form><input name="name"><input name="email"><button>Отправить</button></form>

В форме есть два input, но нет fieldset, legend, label, правильных типов, required и явного submit.

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

Ваше задание

Дополните пример. Создайте форму с fieldset, legend, двумя полями и submit.

ШАГ 3 · СОЗДАЙТЕ

Напишите и посмотрите результат

index.htmlHTML
Безопасный результатизолировано
Черновик хранится только в этом браузере.HTML и CSS разрешены · скрипты и сеть заблокированы
ШАГ 4 · ПРОВЕРЬТЕ

Что должно пройти

0%не проверено
  • Группа формы начинается с понятного legend.
  • Поле имени полностью настроено.
  • Поле email полностью настроено.
  • Все поля имеют label.
  • В группе формы есть явная кнопка submit.
Объясните логику решения

Добавьте в form fieldset и legend, отдельно настройте два input, свяжите label и задайте кнопке type="submit".