文本输入框几乎是每个UI设计师都必须用到的设计控件，它们无处不在，对于用户体验的影响无疑是巨大的。虽然看起来很简单，但是一个设计成熟的文本输入框，其实是要满足许多潜规则的，这些规则你是否都了解?
当新用户开始使用一款APP或者入驻某个网站的时候，至少最基本的信息都需要通过文本输入来完成。产品经理、设计师和开发者也都明白，这才是最佳的解决方案。
今天的文章，我们专注于文本的字段输入应当注意的一些核心因素。这些大都是最常见的规则，同时每一个规则都有一些值得注意的例外情况。
文本输入框
文本输入框是UI设计中最常见的控件，在绝大多数的场合用来给用户输入少量的文字。无论你使用的是哪个APP，大都需要你借助文本输入框来获取少量的个人信息。当你想要搜索某些信息的时候，打开谷歌，至少也要通过搜索框输入来完成最起码的搜索请求。
清晰
清晰的文本标签
用户想要知道他们输入的字段到底是什么样的数据，自然是需要文本标签清晰的告诉他们。当然，有时候用户也是借助字段相关的图标来了解输入框对应字段含义的。但是在绝大多数的情况下，文本的标签是必须有的。
AppleiOS中的搜索框同时放置了标签和放大镜图标
清晰的标签让用户更加自信，正确理解，并且正确地操作。
短文本标签
标签并非帮助性的说明，所以你应该使用的是简短的描述性的短语作为标签，以便用户能够快速扫视。如果有额外的信息，通过上下文或者额外的帮助性的说明来让用户有所了解，而不是超长的标签。
之前Amazon的注册页面就因为超长的标签文本导致注册过程缓慢。目前的版本强多了。
合理的输入框尺寸
如果你的输入框尺寸是按照输入内容的长短、尺寸来设计的话，会更加适宜用户阅读和输入。
输入框焦点
对于输入框，当用户选中准备输入的时候，应当提供清晰的视觉提示，比如外发光的输入框，或者闪动的光标，都行。
输入提示
数据的呈现方式多种多样。所以，当你在设计输入框的时候，应当与用户输入信息的类型、格式相互匹配。不过要做到完全的对应并不容易。
举个例子，电话号码的输入就存在多种不同的方式，比如我们常见的+86，而更多的情况下大家可能会直接输入一串11位的手机号，座机号码的情况则更加复杂，有的人习惯加上区号，而又的人则不会。面对这种复杂的情况，你可以通过设计输入框，加入输入提示来格式化输入内容。还是以电话号码的输入为例：
这个输入框的电话号码格式已经固化了，让用户可以清楚的知道应该输入哪种类型，多少位。
这个输入框中加入了说明性质的文本占位符，清晰的说明了应当输入怎样的号码。它的缺陷在于用户输入的时候，占位符会消失。
帮助信息
帮助信息应当出现在需要的地方，比如表单中用文字说明为何需要填写信用卡号，以及生日日期填写之后的福利，又或者服务条款链接的存在。它们适时地出现，帮助用户解释了一些令人困惑的问题。一般说来，这类帮助信息最好不要超过100字。
仅限移动端：键盘类型与文本输入的匹配
