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

最新推荐文章于 2024-05-15 20:05:17 发布

太空背包客

最新推荐文章于 2024-05-15 20:05:17 发布

阅读量1k

点赞数 6

分类专栏： Axure基础运用文章标签： axure

本文链接：https://blog.csdn.net/weixin_55576134/article/details/133980235

版权

22 篇文章 2 订阅

订阅专栏

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

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

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

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

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

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

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

状态	描述	图例
正常状态	默认灰色占位文字“请输入”，边框为灰色实线。
鼠标悬浮时	默认灰色占位文字“请输入”，边框为蓝色实线。
获取焦点时	出现光标，边框为蓝色实线。
输入内容时	输入的内容变成黑色。输入框最左侧出现取消图标。边框为蓝色实线.
失去焦点时	输入框内有内容：输入的内容变成黑色。边框为灰色实线。
失去焦点时	输入框内无内容：恢复默认灰色占位文字“请输入”，边框为灰色实线。
禁用状态	浅灰色填充，不可输入内容，默认灰色占位文字“请输入”，边框为灰色实线。

效果展示