ЗадачаАктуально

Задача: Улучшите форма регистрации

Улучшите форма регистрации: практическая задача по вёрстке со стартовым кодом, критериями готовности, усложнением и самопроверкой.

Условие: Улучшите форма регистрации

Цель темы «Улучшите форма регистрации» — получить данные с понятными подписями, ограничениями и сообщениями об ошибках. Для темы «Улучшите форма регистрации» предметный результат подтверждается так: пройдите ввод, ошибку и успешную отправку только клавиатурой. Проверьте «Улучшите форма регистрации» на панели управления с асинхронным обновлением данных, выполнив действие: пройдите ввод, ошибку и успешную отправку только клавиатурой. Результат задачи «Улучшите форма регистрации» должен сохранять семантический HTML, адаптивную раскладку и понятные состояния управления.

Стартовый код

html
<form class="request">
  <label>Почта <input type="email" name="email" required></label>
  <button type="submit">Отправить</button>
</form>

Критерии готовности

  • Пройдите ввод, ошибку и успешную отправку только клавиатурой применительно к теме «Улучшите форма регистрации»
  • Сопоставьте результат «Улучшите форма регистрации» с целью «получить данные с понятными подписями, ограничениями и сообщениями об ошибках» и объясните каждое использованное условие
  • Повторите проверку «Улучшите форма регистрации» с другими данными и убедитесь, что исключён риск: placeholder и цвет не должны быть единственными носителями инструкции или ошибки
  • Назначение «Улучшите форма регистрации» понятно без декоративного оформления

Усложнение задачи

Соберите «Улучшите форма регистрации» в минимальном компоненте. Для «Улучшите форма регистрации» выполните предметную проверку: пройдите ввод, ошибку и успешную отправку только клавиатурой. Затем замените демонстрационные данные «Улучшите форма регистрации» реальными.

Самопроверка решения

Проверяя «Улучшите форма регистрации», соблюдайте правило: пройдите ввод, ошибку и успешную отправку только клавиатурой. Для «Улучшите форма регистрации» изменяйте одно условие за запуск и фиксируйте фактический результат. Затем исключите следующие риски: Placeholder и цвет не должны быть единственными носителями инструкции или ошибки — это предметный риск для «Улучшите форма регистрации»; Непредсказуемое наследование значения из внешнего компонента при использовании «Улучшите форма регистрации»; Визуальное изменение порядка, не совпадающее с DOM и фокусом; для «Улучшите форма регистрации» проверьте это отдельно.

Спецификации и источники

Синтаксис и статус проверяются по HTML Living Standard, спецификациям CSS и MDN Browser Compatibility Data. Примеры и объяснения подготовлены для этого сервиса.