今天想弄个问卷调查网站，琢磨着找个现成模板改改应该挺省事。结果打开编辑器就傻眼了——这玩意儿比我想象的麻烦多了。

从扒模板开始翻车

先找了个号称“三分钟搞定”的模板，下载下来一看，里面光CSS文件就七八个。挨个打开检查，发现样式全是互相覆盖的，改个按钮颜色得同时改三处地方。最绝的是某个注释写着“重要样式勿动”，结果发现就是个普通边框设置。

自己动手改结构

干脆把模板拆了重搭。先删掉那些花里胡哨的动画效果，重点保留核心功能：问题区、选项区、提交按钮。用ul重写了选项列表，每个li里塞radio按钮和文字标签。测试时发现点击文字不能选中选项，又回头给每个input加label标签。

• 问题1：单选用radio组
• 问题2：多选用checkbox
• 问题3：文本输入框放3

最头疼的响应式布局

用手机打开预览，文字全挤成一团。只好给所有容器加max-width，用media查询调整小屏幕下的内边距。按钮在手机上显得特别小，又单独写了个触控友好的放大样式。折腾到半夜才发现，安卓和iOS的输入框默认样式不一样，还得用-webkit前缀单独处理。

测试提交功能时更搞笑——模板自带的PHP处理脚本居然要连接数据库，可我压根没准备数据库。临时改成纯前端收集数据，结果发现超过十个人同时提交就会卡死。算了算了，反正只是演示用，真要用的话还是得乖乖写后端。

搞完这趟最大的体会是：所谓模板就是个半成品，省下的时间都花在填坑上了。下次要是正经做项目，可能还是从头写更靠谱。