输入框在互联网产品中可以说是最常用和常见的组件之一，也是每个设计师必须用到的组件，它无处不在，看似简单，其实隐藏着很多潜规则，如果考虑不周到对用户的体验影响是巨大的。
输入框包括短文本输入框、长文本输入框、浮动性文本输入框、特定场景输入框（比如淘宝输入框在搜索可以输入二维码、图片等特定场景）今天不具体介绍各种输入框的使用场景，主要介绍在输入框设计过程中，作为新手容易忽略的“潜规则”。
潜规则一、输入限制问题
短文本框
比如注册时候，姓名一些基本信息的输入，内容比较短，不会在一开始就告诉用户限制，而是用户不小心误触或者故意输入长文本，才会出现对应的提示。
输入框的都是有字数限制的，比如微信的个性签名在右下角会告诉你输入的限制
长文本框
我们通常的设计思路就是在超出字数时提示并且输入无效，并且告诉用户不可在输入的原因。
比如发微博时，微博的输入框会在右下角告诉你已经输入多少文字，如果超过140字后，数字的颜色会变成橙色，起到警示作用。
输入多行时要注意显示规则。
比如微信聊天界面的输入框，输入框宽度最多支持5行字数，当字数超过5行，输入框大小就不会变动了，但是有个问题超过5行，被遮挡的内容就不看见了。
其实这边可以设计成被挡住的文字露出半行，让用户知道，上面还有文字。
潜规则二、输入提示
在设计输入框的时候，要考虑到输入前、输入中、输入后各种状态的展示。输入正确或者错误可以用相应的颜色进行区分。
输入时也要考虑到与用户输入信息的类型、格式相匹配。比如电话号码的输入，我们常见的“+86”，通常情况下大家可能会直接输入一串11位的手机号，座机号码的情况更加复杂，可能很多人没有习惯加上区号，这时候就要在我们的设计上进行提示。
常见的格式还包括日期、价格（百分比、整数、小数点）、身份证的验证等。
潜规则三、键盘自动唤起
这里有一点C端设计应该注意的点，C端会唤起键盘，而键盘分为很多中类型，中文键盘、数字键盘、英文键盘、如果在设计的时候没有对键盘类型进行标注，开发小哥就会使用默认的键盘。当输入支付密码唤起中英文键盘，这时候用户体验就非常差。
B端没有唤起键盘，但是B端用户习惯使用Tab按键来切换不同的输入框，无需离开键盘就可以填写表单，这时候我们就要考虑到是否要支持一些常用的快捷键。
关于键盘唤起，C端应用的其实是非常广泛。我们可以看到下面这张图，看似没有什么问题。
但是真正落地的时候却发现问题是大大的，输入时自动唤起键盘，我们就会发现，提交按钮被遮挡住了。
所以这些都是我们在设计的时候应该考虑到的，不管有没有键盘被唤起，都尽量不要改变页面布局。
潜规则四、实时检验
用户不喜欢在他们在提交数据时才提示他们错误。最好的提示应该是用户输入后立即呈现告诉用户，就是要实时校验。可以使用一个对比色来表示错误状态，比如橙色、红色等。
校验不应该只告诉用户他们哪里错了，而是应该他们怎么做才是对的。
搜索框也是一种输入，但是搜索框的场景规则更加的复杂，包括给用户提供的搜索建议、搜索历史记录、搜索生效规则、再次编辑的规则等等。后续会再整理相关的内容。
在产品设计过程中，对产品新人来说，每个细节都是挑战。不要小看一个小小的输入框，想要做到极致体验，就要注意观察生活，注重平时的积累。
