什么是反馈表单生成器？

设计包含多种字段类型的反馈表单：文本输入、评分、下拉菜单、复选框和滑块。拖动调整字段顺序，在线编辑标签，然后导出为 HTML 或下载 JSON 架构。

构建器内置十一种输入字段类型：单行文本、多行文本、邮箱、数字、日期选择、是/否切换、1-5 星评分、下拉选择、复选框组、数值刻度滑块，以及专门的 NPS（0-10）量表（两端标签可自定义）。此外还有用于给问题分组的分节标题块，以及一块「表单说明」用于开场介绍。任何字段都可一键复制、标记为必填，还能添加显示条件：仅当前面某个下拉或是/否的回答匹配时，该字段才出现。右侧是可实时互动的预览，你可以直接填写来体验真实表单（内容不会保存）；导出可以是独立 HTML（附带一小段处理条件逻辑的脚本），也可以是 JSON schema，方便接入 react-hook-form、Tally 这类表单库。

使用方法

1. 点击「添加字段」插入表单元素——可选择文本框、文本域、邮箱、数字、日期、是/否、星级评分、下拉选择、复选框组、刻度滑块,或专门的 NPS 0-10 量表。
2. 拖动字段调整排序，一键复制字段以沿用其设置，内联编辑标签和占位文本，并将字段设为必填或选填。
3. 在右侧填写实时预览来体验真实的表单效果，然后导出为 HTML 代码或下载 JSON 结构用于集成。

何时使用

• 电商网站做购后 NPS 调查,不想花钱用 Typeform。
• 招聘后给候选人/面试官的反馈表草稿,做好再交给开发实现。
• 工作坊、培训、社群线下活动的快速反馈收集表。

结果

一位产品经理创建了一份包含 0-10 评分量表、两个开放文本字段和用户角色下拉菜单的 5 题 NPS 调查问卷——然后导出 HTML 嵌入到应用中。

常见问题

用户提交后数据去哪儿了?

默认哪儿都不去——本工具只生成 HTML 和 JSON schema。要收集回复,得把导出表单的 action 属性指向自己的接口、Formspree 之类的服务,或者把 JSON schema 贴进你常用的表单库。

字段创建好之后还能重新排序吗?

可以。每个字段左侧有拖拽手柄,上下拖动就能调整顺序。预览区会马上刷新,导出的 HTML 也会按照新的顺序生成。

评分(Rating)、刻度(Scale)和数字下拉框有什么不同?

评分是 1-5 星,适合产品评价。刻度是带自定义最小最大值的滑块。要做经典的客户忠诚度调查,就选专门的 NPS 字段——固定的 0-10 一行,两端标签可改(不太可能/非常可能)。数字下拉框只能选择离散值,没有视觉提示,体感比其它几种冷。

下拉框或者复选框组里怎么加选项?

点中字段,选项区有「+」按钮,想加多少加多少。每个选项可以直接编辑,「×」按钮删除。单选题字段也是一样的操作。

导出的 HTML 能用在 WordPress、Shopify 或其他 CMS 上吗?

可以。导出的就是普通语义化 HTML,不依赖任何 JavaScript 框架。贴进 WordPress 的「自定义 HTML」区块、Shopify 的 Liquid 模板,或者任何支持原生 HTML 的富文本编辑器都行。

相关工具