Axure如何制作密码框隐藏与显示效果
1、1.打开Axure,准备一个【文本框】命名password,一个【眼睛logo】。如图
2、2.复制【password】文本框,生成【password1】,位置同password文本框一样,然后将password1文本框放置在【底层】。如图
3、3.选择【password】文本框,设置文本框类型为【密码】类型。这样在password文本框输入密码时显示的就不是明文了。如图
4、4.设置眼薜殷衙疝睛logo的【鼠标移入时】事件:将文本框password1置于顶层,然后设置password1文本框的值等于password文本框的值,如图
5、5.设置眼睛logo的【鼠标移出时】事件:将文本框password1置于底层即可,如图
6、6.完成设置后,预览结果,在输入时显示隐藏文字,查点眼睛logo显示密码明文。如图
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:22
阅读量:85
阅读量:91
阅读量:82
阅读量:32