axure实现显示密码文本框

原型描述:

在密码文本框中输入密码,默认密码信息以黑色实心圆点显示,鼠标按下闭眼图标,密码文本框黑色实心圆点变为显示密码信息,鼠标松开密码信息变回黑色实心圆点

原型效果:

图片发自简书App

制作步骤:

1、添加两个文本框和一个图片元件

图片发自简书App

2、上边文本框命名:隐藏密码,下边文本框命名:显示密码,图片命名:眼睛

图片发自简书App

3、隐藏密码文本框的类型设置为密码,提示文字设置为请输入密码

图片发自简书App

4、显示密码文本框设置为隐藏并与隐藏密码文本框重叠

图片发自简书App

5、眼睛图片元件与显示密码文本框右端重叠

图片发自简书App

6、点击眼睛图片元件,添加鼠标按下时和鼠标松开时用例

图片发自简书App
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容