输入框原型设计思路

输入框原型设计思路，输入框可以说是每个软件必不可少的组成部分，输入框可以分为以下几个类型：单行内容文本框、多行内容文本框、电子邮箱文本框、密码输入框、验证码输入框等。

1、 单行内容文本框：单行内容文本框是最简单的一个文本框，对输入的内容没有任何的限制，和web端文本框不同的地方只是，在文本框获取焦点时，弹出键盘，键盘按键按下时，在文本框光标位置添加按键文本即可。

2、 多行内容文本框：多行内容文本框主要是用于写文章、发博客等需要输入较长文字的地方，其原理是在单行文本框的基础上增加了行数，所以这里注意，在点击enter按钮时，要添加换行的逻辑，其他和单行文本框逻辑一致。

3、 电子邮箱文本框：邮箱输入框同样是在单行内容文本框的基础上添加判断条件。首先我们需要判断@的个数，正确的电子邮箱有且仅有1个@；如果正确的话，我们再判断是否有“.”，如果有我们需要再判断“.”的位置，在@的后面必须由至少一个“.”，如果没有则输入的电子邮箱的格式有误，需要提示用户重新输入，如果以上全部条件符合则输入为正确邮箱。

4、 密码文本框：密码文本框就是在单行内容文本框的基础上，加一个切换可视状态的效果，这个是最简单的密码输入框。一般的话还要根据安全性需求添加一些特定的条件，例如8-20位字符、需要同时具备数字、大小写字母、特殊符号等。

5、 验证码文本框：这里的验证码指的是手机短信验证码，也是在单行内容文本框的基础上添加限定的条件，只能输入数字，然后位数有些是4位，有些是6位，可以根据实际需求来添加条件。

原型设计，推荐使用千语创想-一站式免费在线设计工具，轻松完成编千语创想所有设计工作。