一个做阀门出口的客户查后台发现怪事：手机端询盘表单开始填写的人不少，提交成功的不到三成。他自己掏出手机填了一遍，填到邮箱那栏，键盘弹出来正好把输入框盖住，页面也不往上滚，他得盲打猜位置，连着错了两次，火气就上来了。他说：要不是自己的网站，早关了。
键盘是移动表单的隐形考场
电脑上填表单，键盘是外设，屏幕永远完整；手机上键盘要吃掉半块屏，表单布局必须跟它共处。键盘一弹出来，页面得把正在填的那栏顶到可见区域；填完收起，页面得落回原位。这些行为浏览器不会全自动处理好，需要开发时专门照顾。响应式网站设计里，表单细节是最能体现功力的地方，也是最容易被省工时的地方。省下的那几个工时，最后都变成了客户的弃单，这笔账没人明算，但一直在发生。
五处细节，决定填完还是弃填
- 键盘类型要匹配：电话栏弹数字键盘，邮箱栏弹带邮箱符号的键盘，让客户少切几层；
- 焦点自动滚动：点到哪个输入框，页面把它滚到键盘上方的可见区，不许盲填；
- 字段一列排布：别学电脑版两三栏并排，手机上一列到底，视线不跳；
- 错误提示就地显示：别等提交完跳到顶部报错，客户找半天找不到错在哪；
- 提交按钮避开键盘：放在表单末尾键盘收起后可达的位置，别跟键盘抢地盘。
再补充一个加分项：常用字段做智能默认。国家字段把主要市场排前面，产品类型用选择代替输入。每减少一次打字，完成率就往上抬一格。那句老话在这里最适用：表单越短，询盘越多，但比长短更重要的是顺不顺。顺不顺，填一遍就知道，别让猜测代替体验。
改动虽小，先测再说
这些细节的修复成本都不高，多数一两天能全部处理完。改完别急着下结论，跑两周数据看表单的开始填写数、完成数、放弃位置。现在不少统计工具能看到表单字段级的流失，哪个字段赶走了人，一目了然，改起来就有靶子。有靶子的优化才叫优化，没靶子的都是撞运气。
建议今天就拿手机把自己的询盘表单从头填一遍，卡在哪记下来，那就是客户流失的位置。要是想系统性优化，把表单数据拉出来对着改。比格网络做响应式网站设计时，表单交互有一份二十多项的自检表，键盘这条占了四项——最后一步的流失，最可惜，也最好防。防的办法就是把自己当成最挑剔的客户，填一遍表，走一遍流程。
