48小时内可上线纯前端问卷系统：用chatgpt生成内联html+js+css单文件，支持localstorage存储、30分钟防重提、响应式星级评分，一键部署至github pages或vercel。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
你需要在48小时内上线一个能收集用户反馈的在线问卷系统，没有后端开发经验，也不想租服务器或配置数据库——用ChatGPT辅助生成可直接运行的HTML+JavaScript单文件方案，5分钟就能部署到Vercel或GitHub Pages。
用ChatGPT生成核心问卷HTML结构
打开ChatGPT，输入明确指令：「生成一个纯前端在线问卷HTML文件，包含姓名、邮箱、满意度评分（1-5星）、开放建议栏，提交后显示“感谢提交”，不依赖任何外部CDN，所有样式和脚本内联在一个HTML文件中。」
复制返回的完整HTML代码，粘贴到本地新建的survey.html文件中。
⚠️ 注意：如果ChatGPT返回的代码含<script src="...">引用外部JS库，必须要求它重写为内联版本，否则无法离线运行。</script>
让ChatGPT补全本地存储与防重复提交逻辑
在原对话中追加提问：「在刚才的HTML里增加以下功能：① 提交后将数据存入localStorage；② 同一浏览器30分钟内禁止重复提交；③ 提交按钮点击后立即禁用并显示“已提交”」
方法一：直接采用ChatGPT返回的JavaScript代码块，插入到HTML文件的<script>标签末尾。</script>
方法二：若生成代码有语法错误，把报错信息（如“Uncaught TypeError: Cannot read property 'setItem' of null”）连同上下文代码一起发给ChatGPT，让它修正localStorage调用位置——【必须确保这段脚本在DOM加载完成后执行，否则document.getElementById会返回null】。
用ChatGPT生成响应式CSS美化界面
输入：「为这个问卷添加响应式CSS：手机竖屏时表单项宽度100%，间距加大；桌面端居中显示，最大宽度600px；星级评分用纯CSS实现，点击后高亮选中及左侧所有星星」
把返回的CSS代码替换HTML中
这一步操作起来很简单，直接覆盖粘贴就行。但要注意：ChatGPT可能生成:hover伪类导致移动端误触，需手动删掉所有:hover相关行——【移动端没有悬停态，保留:hover会导致点击延迟或失效】。
一键部署到GitHub Pages
第一步：登录GitHub → 新建仓库 → 仓库名填my-survey → 勾选「Add a README file」→ 创建。
第二步：将修改好的survey.html拖进仓库主目录，直接Commit。
第三步：进入Settings → Pages → Source选「Deploy from a branch」→ Branch选「main」→ Folder选「/ (root)」→ Save。
等待约30秒，页面自动刷新，右上角会出现访问链接：https://.github.io/my-survey/。
