表单问卷HTML生成器
把一堆题目,变成别人能填、填完能存、还能导出结果的网页表单——不用搭服务器。
何时用
- 用户有题目清单或字段需求,想要一个能填写、结果本地留存、可导出的单文件网页表单/问卷。
- 触发词:「做个问卷网页 / 生成报名表 / 做个能填的表单 / 收集信息的网页 / 调研表 html / 做个登记表」。
前置检查(G3 自包含 + 无后端)
- 确认题型清单:单选 / 多选 / 填空 / 评分 / 下拉等。
- 产物单文件、自包含:CSS/JS 全内联,零外链。
- 无后端约束:结果存浏览器
localStorage,不依赖任何服务器(用户自己打开填写、导出);如需多人远程收集,提示走专业表单平台(见注意)。
执行流程
- 解析用户给的题目,映射为表单控件(radio/checkbox/input/textarea/range/select)。
- 生成单文件 HTML:
- 表单区:按题型渲染控件,必填项做前端校验。
- 提交逻辑:点击「提交」→ 收集为对象 → 存localStorage(按表单 id 累加,支持多条记录)。
- 管理区(可选):「导出 JSON」「导出 CSV」按钮,把 localStorage 数据下载为文件;「查看已填」列表。
- 全部内联,零外链。 present_files本地预览;如需公网填,交给 z-html-public-deploy(注意:公网多人填各自存本地,不汇总)。
输出示例
- 用户:「做个活动报名表,要姓名、手机号、参会时段多选」
- 助手:生成
活动报名表.html:填完提交存本地 → 点「导出 CSV」拿到名单。
注意 / 红线
- 无后端:本地存储只存在填写者自己浏览器,不自动汇总。多人远程收集请改用腾讯问卷/金数据等专业平台(连接器当前未连,需用户自行操作)。
- 隐私:别用此方式收密码/银行卡等敏感信息。
- 自包含硬要求:禁外链(G3)。
配套联动
- 产出 HTML 后可调「本地HTML公网发布器」(z-html-public-deploy) 发公网(仅限单人本地留存场景)。