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

Форма запроса стоимости

Шаблон оценки проекта: услуга, описание и диапазон бюджета. Проверка границ без обещания автоматически рассчитанной цены.

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

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

Открыть HTML код формы
Предпросмотр формыHTML
Форма запроса стоимости
Укажите, как к вам обращаться.
Адрес для ответа, например hello@example.com.
Выберите ближайший вариант.
До 2000 символов. Не вводите личные данные и секреты.
Неотрицательное число.
Не меньше нижней границы.

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

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

Код формы

Разметка без зависимости от 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="service">Какая услуга нужна</label>
  <select id="service" name="service" required>
    <option value="">Выберите вариант</option>
    <option>Лендинг</option>
    <option>Сайт компании</option>
    <option>Другое</option>
  </select>

  <label for="message">Описание задачи</label>
  <textarea id="message" name="message" required maxlength="2000"></textarea>

  <label for="budget_min">Бюджет от, ₽</label>
  <input type="number" id="budget_min" name="budget_min" required min="0">

  <label for="budget_max">Бюджет до, ₽</label>
  <input type="number" id="budget_max" name="budget_max" required min="0">

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

Запрос стоимости собирает исходные данные для оценки. Это не калькулятор и не коммерческое предложение. Услуга и описание важнее точного числа в бюджете.

Связанные границы

Отдельные min=0 запрещают отрицательные числа, но не исключают диапазон от 500 до 100. Локальный preview проверяет порядок границ. В скопированной разметке это правило нужно добавить в обработчик и обязательно повторить на сервере.

Что оставить посетителю

Если бюджет неизвестен, в своём проекте разрешите не указывать обе границы и явно обработайте этот случай. Не заменяйте неизвестную сумму нулём без договорённости о значении.

Приёмка

Проверьте обратный диапазон, отрицательное число и корректную пару. Ошибка должна сохранять описание. Стоимость согласовывается после изучения запроса. Настройте endpoint и серверную проверку диапазона.

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

ПолеИмя в запросеПравило
Как к вам обращатьсяnameОбязательное. Укажите, как к вам обращаться.
Email для ответаemailОбязательное. Адрес для ответа, например hello@example.com.
Какая услуга нужнаserviceОбязательное. Выберите ближайший вариант.
Описание задачиmessageОбязательное. До 2000 символов. Не вводите личные данные и секреты.
Бюджет от, ₽budget_minОбязательное. Неотрицательное число.
Бюджет до, ₽budget_maxОбязательное. Не меньше нижней границы.
От разметки к результату

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

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

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

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

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