无需后端即可接收 HTML 表单

无需 action 或 endpoint,接收 HTML Hosting 与 Page Builder 表单,并在 Posty5 中查看和导出提交。

AD广告
无需后端即可接收 HTML 表单

静态表单看起来完整,却可能没有接收数据的位置。在 Posty5 渲染的页面中,普通 HTML 表单无需自建 endpoint 或第三方脚本即可被接收。该机制仅适用于 Posty5 HTML Hosting 和 Page Builder 页面。

“无需后端”的含义

Posty5 在渲染页面时加入表单处理器。它拦截每个 form,收集带 name 的字段并保存提交。无需 action、隐藏集成字段或 JavaScript 库。

两种页面使用同一机制

同一机制适用于 HTML HostingPage Builder

编写有用的表单

为每个字段设置 name,并为 form 设置 id 或 name。清晰的名称会标识数据和导出列。

<form id="contact-form" name="contact">
  <label for="full-name">姓名</label>
  <input id="full-name" name="full_name" type="text" required>

  <label for="email">电子邮箱</label>
  <input id="email" name="email" type="email" required>

  <label for="message">留言</label>
  <textarea id="message" name="message" required></textarea>

  <button type="submit">提交</button>
</form>

一个页面可以有多个 form。Posty5 保存 __form_id____form_name__。文件字段会被跳过。

访客看到的内容

提交时会显示加载状态,随后在有翻译时显示相应语言消息,否则回退到英语。成功后表单会被重置。

提交保存在哪里

提交显示在 HTML Hosting 或 Page Builder 的提交区域,可查看字段、状态和可用计数。

打开 HTML Hosting

导出与自动化

控制面板支持 Excel 导出;账户可用时可能显示 Google Sheets。npm SDK 和 n8n 节点可以读取提交,但这不代表 webhook 推送。

重要边界

文件不会被接收。不要假设存在垃圾信息过滤、CAPTCHA、邮件、webhook、保留期限或服务器验证。

常见问题

需要 action 吗?

不需要。Posty5 会接收其渲染页面中的每个 form。

提交在哪里?

在控制面板对应的提交区域。

可以导出吗?

可以导出到 Excel;Google Sheets 可能取决于账户。

可以有多个 form 吗?

可以,请使用不同的 id 或 name。

在 Posty5 之外有效吗?

无效。脚本由 Posty5 renderer 添加。

会接收文件吗?

不会。文件值会被跳过。

发布带表单的页面

发布表单后提交一条测试数据,并在控制面板中确认。 阅读完整 HTML Hosting 指南.

打开 HTML Hosting

准备页面 — HTML Hosting

准备一个独立 HTML 文件,通过 Posty5 发布并测试公共链接,之后可更新来源。

AD广告