СреднийФормыДоступностьСемантика

Форма обратной связи

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

Бриф

Необходимо сверстать страницу обратной связи по макету.

В интерфейсе должны присутствовать:

  • заголовок и описание страницы;
  • форма отправки обращения;
  • поля для ввода имени и электронной почты;
  • список выбора темы обращения;
  • поле для ввода номера заказа;
  • многострочное поле сообщения;
  • чекбокс согласия с условиями использования сервиса;
  • кнопка отправки формы;
  • информационная боковая панель с контактами службы поддержки;
  • блок с описанием этапов обработки обращения.

Форма должна быть полностью семантической. Для каждого поля необходимо использовать элементы <label> и соответствующие элементы формы (<input>, <select>, <textarea>), а кнопку отправки реализовать через <button>.

Для проверки отправки формы используйте сервис https://postman-echo.com/post, передав эту ссылку в атрибут action.

Если возникнут трудности — задайте вопрос в нашем Telegram-чате.