Создайте контактную форму

Условие

Создайте форму обратной связи с полем имени, email и текстовым сообщением, с правильными <label> для каждого поля.

Требования

  • Форма обёрнута в <form>
  • Каждое поле имеет соответствующий <label for="...">, связанный через id
  • Поле email имеет type="email" и атрибут required
  • Есть поле <textarea> для сообщения
  • Есть кнопка отправки <button type="submit">

Начальный код

<form>
</form>
▶ Открыть в HTML Editor

Подсказки

  • Атрибут for в <label> должен совпадать с id соответствующего поля.
  • type="email" автоматически включает базовую проверку формата в браузере.
  • required не даёт отправить форму с пустым полем.
Показать решение
<form>
  <label for="name">Имя</label>
  <input type="text" id="name" name="name" required>

  <label for="email">Email</label>
  <input type="email" id="email" name="email" required>

  <label for="message">Сообщение</label>
  <textarea id="message" name="message" rows="5"></textarea>

  <button type="submit">Отправить</button>
</form>

Похожие инструменты