Axure基础详解三：输入框的运用

说明

输入框的使用场景是比较多的，填写信息、搜索内容、发消息、写作等都要运用到输入框。那么它在不同的场景使用中产生的交互效果也是不一样的。

Axure自带的输入框是可以修改样式的，那么就可以制作出各种样式的输入框里，使之更加美观。

通过描边、渐变、投影、不透明度等效果的改变制作的样式多种多样。

场景运用

以登录注册界面为例，输入框分别在此处产生的作用以及不同的交互条件。

---

功能

登录：登录账号、登录密码、登录按钮。

注册：登录账号、登录验证码、登录密码、注册按钮。

---

说明

当我们输入完账号密码点击登录按钮便可完成登录，可账号密码并不是随便输入的，他是有条件限制的，需要满足条件完全正确才可以登录成功。

• 账号：一般为开头为数字1的11位手机号码，全部为数字。
• 密码：一般为8位以上数字与字母的组合，包含数字与字母。
• 验证码：一般为6位数字或字母的组合，包含数字与字母或全为数字或全为字母。

---

交互需求

• 输入框的状态：

状态	描述	图例
正常状态	默认灰色占位文字“请输入”，边框为灰色实线。