技能介绍

要解决什么问题

手里只有一份题目清单，却想要一个能直接发出去填写的网页表单：用户填完点提交，数据能留下来，最好还能导出成表格做统计。传统做法要么手写 HTML 表单再搭后端接收数据，要么去注册第三方表单平台——前者成本高，后者数据存在别人的服务器上。这个技能瞄准的是中间那条路：单文件 HTML，浏览器本地留存，零后端。

核心能力与执行流程

输入是一份字段需求或题目清单，输出是一个自包含的 HTML 文件。关键步骤：

题型映射：解析题目并映射为表单控件——单选用 radio、多选用 checkbox、填空用 input/textarea、评分用 range、下拉用 select，必填项做前端校验
提交即留存：点击「提交」后数据被收集为对象，写入浏览器 localStorage，按表单 id 累加、支持多条记录，刷新页面不丢
可选管理区：「导出 JSON」「导出 CSV」按钮把本地数据下载为文件，另有「查看已填」列表回看记录
完全自包含：CSS/JS 全部内联，零外链，一个 HTML 文件拷走就能用

适用边界与注意点

无后端是硬约束：数据只存在填写者自己的浏览器里，不会自动汇总。多人远程填写并统计总量时，请改用腾讯问卷、金数据这类专业平台
隐私红线：不要用它收集密码、银行卡号等敏感信息
发布场景有限：产物仅供单人本地留存；如需公网发布可配合「本地 HTML 公网发布器」（z-html-public-deploy），但即便发布，多人填写的数据依然各自存本地、不会汇总