Пошаговое руководство

Как устроена отправка веб-формы

Поля, HTTP-запрос, приём и доставка: разберитесь, где заканчивается интерфейс формы и начинается backend.

С чего начать

Разберите, что происходит после нажатия кнопки: браузер собирает поля, endpoint принимает запрос, а интерфейс показывает результат.

Разобрать путь заявки

У веб-формы четыре разных участника: поля в браузере, принимающий endpoint, хранилище и канал уведомлений. Одна зелёная надпись в интерфейсе ничего не говорит о трёх последних.

Браузер собирает поля

Атрибут name задаёт имя значения в запросе. label помогает человеку понять поле, но не заменяет name. Для нескольких значений с одним именем используйте getAll, а не потеряйте их при преобразовании в обычный объект.

Endpoint принимает решение

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

Сохранение и доставка различаются

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

Что проверять

  1. Правильные поля и явные ошибки в интерфейсе.
  2. HTTP-ответ по документированному контракту.
  3. Наличие синтетической заявки в хранилище/кабинете.
  4. Отдельный результат уведомления.

Начните с инструкции для своего стека, затем проверьте сохранение заявки и уведомление отдельными шагами.

Источники и дата проверки

Редакционная сверка: 2026-10-27. Учитывайте версию инструментов в своём проекте.

Обновлено

Следующий шаг

Продолжите подключение

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

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

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

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