Створіть контактну форму

Умова

Створіть форму зворотного зв'язку з полем імені, 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>

Схожі інструменти