UI设计干货模板|输入框设计临摹素材

简单来说输入框是一个单击鼠标会插入点光标的方框，我们可以直接在方框内输入框中输入文字或文本信息。但这个不起眼的方框却是用户与虚拟的互联网世界信息交流的重要枢纽。

密码输入栏

输入框一般由以下五部分组成：

1.标题：始终可见，不可缺失。

2.载体：文本框，输入信息的地方。

3.占位符：可做提示，也可作为提供的默认信息填写。

4.提示：（1）帮助提示、（2）反馈提示

5.图标：1.展示型 2.操作型 3.反馈型

输入框的交互逻辑

输入框的校验与反馈规则

1.输入前输入前，标题信息，图表信息，占位符必须提供清晰明了提示信息，以便于用户输入操作。

2.输入中

输入中必须实时效验用户所输入信息格式是否正确，文本大小写是否正确，所输入文本长度是

否符合规则，及时给予用户反馈。

3.输入结束输入结束应及时给予用户输入结果的反馈信息。如信息有误应给予用户错误内容。