跳转至

n8n Form Trigger 节点#

当用户提交表单时,使用 n8n Form 触发器来启动工作流,获取表单的输入数据。该节点为您生成表单网页以供使用。

您可以使用 n8n Form 节点添加更多页面来继续表单。

构建和测试工作流#

在构建或测试工作流时,请使用测试 URL。使用测试 URL 可确保您可以在编辑器 UI 中查看传入数据,这对调试很有用。

有两种测试方法:

  • 选择执行步骤。n8n 打开表单。当您提交表单时,n8n 运行该节点,但不运行工作流的其他部分。
  • 选择执行工作流。n8n 打开表单。当您提交表单时,n8n 运行工作流。

生产工作流#

当您的工作流准备好时,请切换到使用生产 URL。然后您可以激活工作流,当用户提交表单时,n8n 会自动运行它。

在使用生产 URL 时,请确保您已保存并激活了工作流。通过 Form 触发器流动的数据在使用生产 URL 时在编辑器 UI 中不可见。

使用查询参数设置默认选择#

您可以通过在 n8n Form Trigger 提供的初始 URL 中使用查询参数来设置字段的初始值。表单中的每个页面都会接收发送到 n8n Form Trigger URL 的相同查询参数。

仅适用于生产环境

查询参数仅在以生产模式使用表单时可用。n8n 在测试模式下不会根据查询参数填充字段值。

使用查询参数时,请对使用特殊字符的任何字段名称或值进行百分比编码。这确保 n8n 为给定字段使用初始值。您可以使用像 URL Encode/Decode 这样的工具来使用百分比编码格式化查询参数。

例如,假设您有一个具有以下属性的表单:

  • 生产 URL:https://my-account.n8n.cloud/form/my-form
  • 字段:

使用查询参数和百分比编码,您可以使用以下 URL 将初始字段值设置为上述数据:

1
https://my-account.n8n.cloud/form/my-form?email=jane.doe%40example.com&name=Jane%20Doe

在这里,百分比编码将 at 符号(@)替换为字符串 %40,将空格字符()替换为字符串 %20。这将为这些字段设置初始值,无论它们出现在表单的哪个页面上。

节点参数#

这些是主要的节点配置字段:

身份验证#

  • Basic Auth

使用基本身份验证#

要配置此凭证,您需要:

  • 您用于访问 HTTP 请求目标应用程序或服务的用户名
  • 与该用户名对应的密码

表单 URL#

Form Trigger 节点有两个 URL:测试 URL生产 URL。n8n 在节点面板顶部显示这些 URL。选择测试 URL生产 URL 来切换 n8n 显示的 URL。

表单 URL 的截图

  • 测试 URL:当您选择执行步骤执行工作流时,如果工作流未激活,n8n 会注册一个测试 webhook。当您调用 URL 时,n8n 会在工作流中显示数据。
  • 生产 URL:当您激活工作流时,n8n 会注册一个生产 webhook。使用生产 URL 时,n8n 不会在工作流中显示数据。您仍然可以查看生产执行的工作流数据。在工作流中选择执行选项卡,然后选择您想要查看的工作流执行。

表单路径#

为表单设置自定义段。

表单标题#

输入表单的标题。n8n 将表单标题显示为网页标题和表单上的主要 h1 标题。

表单描述#

输入表单的描述。n8n 将表单描述显示为主要 h1 标题下方的副标题。使用 \n<br> 添加换行符。

表单元素#

为您的表单创建问题字段。选择添加表单元素来添加新字段。

每个字段都有以下设置:

  • 字段标签:输入出现在输入字段上方的标签。
  • 元素类型:从自定义 HTML日期下拉列表电子邮件文件隐藏字段数字密码文本文本域中选择。
    • 选择自定义 HTML 来插入任意 HTML。
      • 您可以包括链接、图像、视频等元素。您不能包括 <script><style><input> 元素。
      • 默认情况下,自定义 HTML 字段不包含在节点输出中。要在输出中包含自定义 HTML 内容,请填写相关的元素名称字段。
    • 选择日期在表单中包含日期选择器。有关格式化日期的更多信息,请参阅使用 Luxon 处理日期和时间
    • 选择下拉列表 > 添加字段选项来添加多个选项。默认情况下,下拉列表是单选的。要使其变为多选,请开启多选
    • 选择隐藏字段来包含一个表单元素而不在表单上显示它。您可以使用字段值参数设置默认值,或使用查询参数为字段传递值。
  • 必填字段:开启以要求用户在表单上完成此字段。

响应时机#

选择 n8n 何时发送对表单提交的响应。您可以选择在以下时机响应:

  • 表单提交时:用户一提交表单就立即向其发送响应。
  • 工作流完成时:如果您希望工作流完成执行后再向用户发送响应,请使用此选项。如果工作流出错,它会向用户发送响应,告知他们提交表单时出现问题。

节点选项#

选择添加选项来查看更多配置选项:

  • 追加 n8n 归属:关闭以隐藏表单底部的使用 n8n 自动化表单属性。
  • 按钮标签:用于表单提交按钮的标签。n8n 将按钮标签显示为提交按钮的名称。
  • 表单路径:表单 URL 的最后段,适用于测试和生产。替换自动生成的 UUID 作为最终组件。
  • 忽略机器人:开启以忽略来自机器人的请求,如链接预览器和网络爬虫。
  • 使用工作流时区:开启以使用工作流设置中的时区而不是 UTC(默认)。这会影响节点输出中 submittedAt 时间戳的值。
  • 自定义表单样式:使用 CSS 覆盖公共表单界面的默认样式。该字段会预填充默认样式,因此您只需更改需要的部分。

模板和示例#

Very quick quickstart

by Deborah

View template details
AI agent that can scrape webpages

by Eduard

View template details
✨🤖Automate Multi-Platform Social Media Content Creation with AI

by Joseph LePage

View template details
Browse n8n 表单触发器 integration templates, or search all templates
此页面是否
💬 微信

🚀 与作者交流

关注公众号
n8n实战笔记公众号
n8n实战笔记
📚 教程 💡 案例 🔧 技巧
添加微信
添加作者微信
1对1 专业指导
⚡ 快答 🎯 定制 🚀 支持