定义：
用于用户文本输入，并以字符串的方式提交到数据库。
交互原则：
1、清晰的标签，要有一个清晰的标签，让用户快速的知道他要输入什么数据；
2、标签不要太长：标签的目的是为了让用户知道他要输入的是什么内容，而不是帮助说明，应该用最简介的词或短语来，以便用户能够快速扫视；
3、合理的输入框尺寸：如果你的输入框尺寸是按照输入内容的长短、尺寸来设计的话，会更加适宜用户阅读和输入；
4、输入框焦点：对于输入框，当用户选中准备输入的时候，应当提供清晰的视觉提示，比如外发光的输入框，或者闪动的光标，都行。
5、输入提示要与内容匹配，请输入11位手机号比请输入手机号码更加友好；
6、帮助信息（或相关文字）应当出现在需要的地方，比如表单中用文字说明为何需要填写信用卡号，以及生日日期填写之后的福利，又或者“服务条款”链接的存在；
7、在APP上用户常常要输入不同类型的文本，当输入框需要输入数字的时候，结果弹出的是全键盘自然不方便，而需要输入文本的时候则出现数字键盘就更加不合适了；
8、永远不要使用全部是大写字母的文本标签，这样的标签通常都很难快速浏览，因为字母的大小高度都是一致的，对于非英语言国家的用户尤其麻烦；
9、提供舒适的点击区域，一般说来，拇指的触发区域应当控制在 45~57px之间，但是在移动端上，控件看起来太大会让人觉得不舒服，所以你的文本框高度应该设计在32~40px之间，这样看起来足够友好，又不会太大；
10、尽量减少用户输入；
交互说明：
1、【默认文案】：说明输入前提示的文案内容，例如：输入前默认文案：请输入11位手机号；
2、【输入前光标位置】：web端为了方便用户输入，最好可以页面打开时，默认定位光标在输入框中，交互说明定义好，光标的所在位置，例如：登录页面打开后，光标定位在用户名输入框中；
3、【输入框字数限制】：需要注明输入框的字数范围，最大值和最小值，例如：输入框最小字数为3个字符，最大为32个字符，不在字数范围提示：请输入3-32个字符；
3、【输入框错误提醒】：不在字数范围提示：请输入3-32个字符；可在用户输入时计数，当输入内容超过时立即提示，避免用户输入很多内容后，发现需要删除大量字段；
4、【键盘类型】：手机端输入时需要注明默认唤醒的键盘类型，例如：点击输入框时，默认调取数字键盘；
5、【其他交互】：关于优化体验的需求，如：默认输入文本内容，输入联想词、输入后可一键清除等。
使用场景：
1.用户需要输入字符时
2.通过鼠标键盘输入内容
3.输入的文本通常置于输入框
例如网易考拉优惠券兑换的表单填写，就是短文本输入组件，前面是标题，后面是文本输入框。
网友评论