Задача: Исправьте форма регистрации
Исправьте форма регистрации: практическая задача по вёрстке со стартовым кодом, критериями готовности, усложнением и самопроверкой.
Условие: Исправьте форма регистрации
Цель темы «Исправьте форма регистрации» — получить данные с понятными подписями, ограничениями и сообщениями об ошибках. Для темы «Исправьте форма регистрации» предметный результат подтверждается так: пройдите ввод, ошибку и успешную отправку только клавиатурой. Проверьте «Исправьте форма регистрации» в компоненте внутри узкого контейнера, а не viewport, выполнив действие: пройдите ввод, ошибку и успешную отправку только клавиатурой. Результат задачи «Исправьте форма регистрации» должен сохранять семантический HTML, адаптивную раскладку и понятные состояния управления.
Стартовый код
<form class="request">
<label>Почта <input type="email" name="email" required></label>
<button type="submit">Отправить</button>
</form>Критерии готовности
- Пройдите ввод, ошибку и успешную отправку только клавиатурой применительно к теме «Исправьте форма регистрации»
- Сопоставьте результат «Исправьте форма регистрации» с целью «получить данные с понятными подписями, ограничениями и сообщениями об ошибках» и объясните каждое использованное условие
- Повторите проверку «Исправьте форма регистрации» с другими данными и убедитесь, что исключён риск: placeholder и цвет не должны быть единственными носителями инструкции или ошибки
- Назначение «Исправьте форма регистрации» понятно без декоративного оформления
Усложнение задачи
Создайте два варианта «Исправьте форма регистрации» в тестовом шаблоне: корректный и содержащий риск «placeholder и цвет не должны быть единственными носителями инструкции или ошибки». Объясните различие вариантов «Исправьте форма регистрации» по наблюдаемому результату.
Самопроверка решения
Рабочий критерий для «Исправьте форма регистрации»: пройдите ввод, ошибку и успешную отправку только клавиатурой. Если результат «Исправьте форма регистрации» меняется вместе с посторонним условием, пример ещё не изолирован. Затем исключите следующие риски: Placeholder и цвет не должны быть единственными носителями инструкции или ошибки — это предметный риск для «Исправьте форма регистрации»; Копирование свойства без необходимого родительского контекста при использовании «Исправьте форма регистрации»; Подмена семантики визуально похожим div или span; для «Исправьте форма регистрации» проверьте это отдельно.
Спецификации и источники
Синтаксис и статус проверяются по HTML Living Standard, спецификациям CSS и MDN Browser Compatibility Data. Примеры и объяснения подготовлены для этого сервиса.