Задача: Сверстайте форма обратной связи

Условие: Сверстайте форма обратной связи

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

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

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

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

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

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

Перенесите тему «Сверстайте форма обратной связи» в тестовом шаблоне и изменяйте по одному условию. После каждого запуска «Сверстайте форма обратной связи» проверяйте: пройдите ввод, ошибку и успешную отправку только клавиатурой.

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

Рабочий критерий для «Сверстайте форма обратной связи»: пройдите ввод, ошибку и успешную отправку только клавиатурой. Если результат «Сверстайте форма обратной связи» меняется вместе с посторонним условием, пример ещё не изолирован. Затем исключите следующие риски: Placeholder и цвет не должны быть единственными носителями инструкции или ошибки — это предметный риск для «Сверстайте форма обратной связи»; Копирование свойства без необходимого родительского контекста при использовании «Сверстайте форма обратной связи»; Проверка только мышью и только на широком экране; для «Сверстайте форма обратной связи» проверьте это отдельно.