ШАГ 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.
ОЖИДАЕМЫЙ РЕЗУЛЬТАТ Форма с fieldset и legend, текстовым полем имени, полем email с autocomplete, двумя обязательными подписями и кнопкой submit.
ШАГ 2 · ПРИМЕНИТЕ Ваше задание Дополните пример. Создайте форму с fieldset, legend, двумя полями и submit.
Код Результат
index.html HTML
Код задания
Безопасный результат изолировано
ШАГ 4 · ПРОВЕРЬТЕ
Что должно пройти 0% не проверено
○ Группа формы начинается с понятного legend. ○ Поле имени полностью настроено. ○ Поле email полностью настроено. ○ Все поля имеют label. ○ В группе формы есть явная кнопка submit.
Проверить задание✓ Показать подсказку
Объясните логику решения+ Добавьте в form fieldset и legend, отдельно настройте два input, свяжите label и задайте кнопке type="submit".