HTML · 5 полей · без аккаунта

Форма ответа на приглашение

RSVP с участием и числом гостей. Условные поля и понятное отличие заявки от подтверждённого билета.

Обновлено
С чего начать

Посмотрите поля и скопируйте HTML. Замените YOUR_ACCESS_KEY ключом из кабинета и вставьте код на сайт: общий адрес отправки уже указан.

Открыть HTML код формы
Предпросмотр формыHTML
Форма ответа на приглашение
Укажите, как к вам обращаться.
Адрес для ответа, например hello@example.com.
Ответ не выдаёт билет.
От 1 до 6. Показывается при ответе «Приду».
Без чувствительных данных.

Поля со звёздочкой обязательны.

Копируйте и адаптируйте

Код формы

Разметка без зависимости от framework. Замените YOUR_ACCESS_KEY ключом из кабинета. Адрес отправки общий для всех форм.

form.html
<form action="https://api.formhunt.ru/v1/submit" method="POST">
  <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY">
  <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="attendance">Планируете прийти</label>
  <select id="attendance" name="attendance" required>
    <option value="">Выберите вариант</option>
    <option>Приду</option>
    <option>Не смогу</option>
  </select>

  <label for="guests">Всего участников, включая вас</label>
  <input type="number" id="guests" name="guests" required min="1" max="6">

  <label for="comment">Комментарий организатору</label>
  <textarea id="comment" name="comment" maxlength="2000"></textarea>

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

RSVP помогает организатору оценить состав участников. Он не заменяет продажу билетов, оплату или проверку вместимости.

Условная группа

Число участников требуется только при ответе «Приду». Если человек меняет ответ на «Не смогу», скрытое поле отключается. Не заставляйте заполнять число гостей для отказа.

Числовые ограничения

В preview допустимы значения от 1 до 6 — это выбранное учебное ограничение. Для вашего события установите обоснованный предел и проверьте вместимость на сервере. Два одновременных запроса не должны резервировать одно место, если вы реализуете бронирование.

Проверка

Выберите оба варианта участия, затем проверьте 0, 7 и разрешённое число. Перенесите условную логику в обработчик формы и согласуйте подтверждение участия с организатором.

Поля и ограничения

ПолеИмя в запросеПравило
Как к вам обращатьсяnameОбязательное. Укажите, как к вам обращаться.
Email для ответаemailОбязательное. Адрес для ответа, например hello@example.com.
Планируете прийтиattendanceОбязательное. Ответ не выдаёт билет.
Всего участников, включая васguestsОбязательное. От 1 до 6. Показывается при ответе «Приду».
Комментарий организаторуcommentНеобязательное. Без чувствительных данных.
От разметки к результату

С чем разобраться дальше

Начните с формы

Ваш сайт уже есть.
Подключим форму.

Откройте личный кабинет, затем передайте агенту промпт подключения.

Подключить форму