经验分享：简化输入，让网页表单更亲切

1、更高大的输入框增加输入框高度，加粗字体，可以让网页上的输入框看起来更容易填写和阅读。随着电脑显示器尺寸变大，这样的输入框也显得更大气。

3、打开字库，可以根据模糊读音选取汉字填入输入框。另外，姓名输入框有校验，选取完成后不要忘记对输入框内容进行再一次校验。

6、设置输入属性现在比较靠谱的还是Html5提供的一些表单类型属性。除了限制输入类型之外还有一些有意思的设置。拖放属性，可以从桌面上直接拖进相应的输入框里。在邮箱中拖入附件，若主题为空还可自动填写主题。而range和number属性，可以直接替换掉输入框，对数值输入很有用，在chrome里显示如图：

8、利用输入反馈除了校验填写是否正确，输入反馈也可以帮助简化用户填写，其中有不少窍门。比如在手机充值表单里，需要重复输入一遍号码才能确认提交。再重复输入一次，好像认定你肯定会出错。增加了号码归属地的反馈（配合历史记录）可以避免这种让人有点烦躁的方式。

10、在反馈的显示方式上，也值得挑剔一下。比如数值输入框里被输入了字母，格式错误。如果对最简单的提供错误提示不满意，可以试试让输入的字母先显示1秒，然后即被删除，这样比单纯的限制输入类型要更容易理解。另外，还可以自动修改显示格式：号码输入完成后，自动增加空格，可以方便阅读。在需要强调时这样使用还可以提示用户进行检查，但是在普通的输入框中就不需要那么复杂了。

12、讲到这里，您是否对看似普通的表单设计产生了兴趣呢？输入框是最基础的人机交互，每个人都有不同的理解，以上抛砖引玉，感谢您的阅读，期待更多的分享和探讨！