跳到主要内容
FormFlow

用你已有的 HTML 表单开始创建表单

在新建表单页面,粘贴你正在使用的表单的 HTML,或提供其页面的 https 地址,FormFlow 会拟出字段列表供你审阅。在你点击“创建”之前不会保存任何内容。

本文由机器翻译。 阅读英文原文

A dark plate titled 'Start a Form from an HTML form you already have', listing: paste a form's HTML or its https page address, press Read the fields, the field list is drafted for review, and nothing is saved until you press Create.

如果你的网站上已经在运行一个表单,就不必重新输入它的问题来迁移到 FormFlow。新建表单页面可以读取该表单的 HTML 并据此拟出字段列表,来源可以是你粘贴的 HTML,也可以是它所在页面的地址。你审阅草稿,在你点击“创建”之前,什么都不会存在。粘贴功能随版本 v1.84.0 推出,通过页面地址导入则随 v1.89.0 推出;更新日志列出这两项在所有方案中均可用。

开始之前

  • 你需要位于新建表单页面,并且字段列表为空。两个导入按钮都在“或从以下方式开始”下面,紧挨着“导入电子表格”,列表中一有字段它们就会消失。

  • 粘贴:表单的 HTML,最多 100,000 个字符。

  • 页面地址:一个公开页面,其地址以 https 开头。不在公共互联网上的页面不会被读取。

粘贴 HTML

  1. 打开新建表单页面,在“或从以下方式开始”下选择“导入 HTML 表单”。

  2. 把标记粘贴到标为“你的表单 HTML”的字段中。

  3. 点击“读取字段”。

  4. 一条通知会说明拟出了多少个字段,例如“已拟好 2 个字段。创建表单前请先审阅。”字段列表随之填好。如果粘贴的内容里没有任何提交者可以回答的内容,你会看到“在该 HTML 中未找到表单字段。”

  5. 继续完成各个步骤,修正草稿中出错的地方,然后点击“创建”。

你的 HTML 会被解析然后丢弃。它不会被保存,也不会获取任何内容。

或提供页面地址

选择“从网址导入”,在“你的表单页面地址”中输入地址(占位符显示 https://example.com/contact),然后点击“读取字段”。FormFlow 只请求这一个页面,读取其中第一个表单的方式与读取粘贴内容完全相同,并且既不保存地址,也不保存页面。

  • 它只发出一次请求,最多等待 10 秒,最多读取 1 MB。

  • 它从不跟随重定向。如果地址发生重定向,提示信息会指出它指向哪里,你可以改用那个地址。

  • 该请求以 FormFlow-PageRead 标识自己。如果你的网站拦截自动访问并返回错误,请放行这个用户代理。

  • 这只是对页面 HTML 的普通请求。页面加载后由脚本绘制出来的表单不在 FormFlow 收到的内容里;请改为粘贴它的 HTML。

  • 每个团队每分钟可以读取十个页面。这一额度与其他读取页面的功能共用,所以繁忙的一分钟里你可能会看到“您的团队在这一分钟内已读取 10 个页面,因此没有获取任何内容”。

页面无法读取时,提示信息会说明原因(不在公共互联网上、拒绝了请求、10 秒内没有响应、不是 HTML 页面、超过 1 MB,或发生了重定向),并以“请改为粘贴表单的 HTML。”结尾。

草稿包含什么

  • 哪个表单:第一个至少有一个可回答控件的 <form>。如果没有任何表单有这样的控件,FormFlow 会读取文档中任何位置的控件。

  • 什么算字段:文本、电子邮件、电话、网址、数字、日期、时间和文件输入会保留各自的类型,文本区域和下拉菜单成为各自的类型,其他任何输入类型都按文本读取。隐藏、密码、提交、按钮、重置和图像控件会被排除,没有 name 的控件、被禁用的控件以及位于被禁用 fieldset 内的控件也一样。

  • 选择:同名的单选按钮合并为一个选择题。同名的复选框合并为一个可多选的问题,标有 multiple 的下拉菜单也是如此。单个复选框仍是复选框。

  • 标签:控件自己的标签,否则取它的 aria-label,否则取占位符,否则取把名称整理成易读形式的结果。分组用其 fieldset 的 legend 来提问。

  • 选项:下拉菜单的第一个选项如果被禁用或值为空就会被去掉,因为那是“请选择...”提示。选项少于两个的选择题会被跳过。

  • 必填:控件或分组中的任一成员标有 required 时,该字段为必填。

  • 名称:控件的名称,去掉末尾的 [],其他奇怪的字符转为下划线。重复的名称依次加上 _2、_3 等,FormFlow 保留的名称(如 _token 和 g-recaptcha-response)会被跳过。

点击“创建”之前要检查什么

  • 只会带过来名称、标签、类型、必填标记、选项和占位符。其他属性、脚本以及你自己服务器上的校验都不会带过来。

  • 隐藏字段会被排除。如果你的表单会提交活动值,请在 FormFlow 中自行添加;通过链接预填表单,并携带活动来源介绍了做法。

  • 文件输入会拟出一个文件字段。你的方案是否允许上传文件,在创建表单时决定,与任何表单一样。

  • 导入只会填充空列表。要重新开始,请先删除字段;列表为空时按钮会回来。

它不做什么

它带入的是字段,不是你已有的提交,也不是你的页面。想根据问题表格创建表单,请看根据问题电子表格创建表单。想把完成的表单放回你的网站,请看用生成的组件把表单嵌入你自己的网站。

把你的第一个表单指向 FormFlow。

无需搭建后端,无需托管前端。

免费开始