美文网首页
axure实现显示密码文本框

axure实现显示密码文本框

作者: LEYIXUAN | 来源:发表于2019-10-06 15:18 被阅读0次

    原型描述:

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

    原型效果:

    axure实现显示密码文本框

    制作步骤:

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

    axure实现显示密码文本框

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

    axure实现显示密码文本框

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

    axure实现显示密码文本框

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

    axure实现显示密码文本框

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

    axure实现显示密码文本框

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

    axure实现显示密码文本框

    相关文章

      网友评论

          本文标题:axure实现显示密码文本框

          本文链接:https://www.haomeiwen.com/subject/sheductx.html