Axure如何制作密码框隐藏与显示效果

我们在登录一个网站时,经常会用到暗码登录。为确保暗码登录不泄露,所以暗码输入后都不是明文状况,若是要查看暗码需要点击一个眼睛的标识才显示。那么,在Axure中,若何建造暗码框埋没与显示结果呢?本文就由小编带大师领会一下,一路来看看吧~

c2cec3fdfc039245010a33078894a4c27d1e257f.jpg

东西/原料

  • Axure版本:企业版8.0.0.3338
  • PC电脑:Windows 7

方式/步调

  • 1.打开Axure,筹办一个【文本框】定名password,一个【眼睛logo】。如图

    f11f3a292df5e0fe382c5409536034a85edf7286.jpg
  • 2.复制【password】文本框,生当作【password1】,位置同password文本框一样,然后将password1文本框放置在【底层】。如图

    86d6277f9e2f07080adaf808e624b899a801f2df.jpg
  • 3.选择【password】文本框,设置文本框类型为【暗码】类型。这样在password文本框输入暗码时显示的就不是明文了。如图

    43a7d933c895d1435945392b7cf082025aaf0783.jpg
  • 4.设置眼睛logo的【鼠标移入时】事务:将文本框password1置于顶层,然后设置password1文本框的值等于password文本框的值,如图

    c995d143ad4bd1138415653a55afa40f4afb05da.jpg
  • 5.设置眼睛logo的【鼠标移出时】事务:将文本框password1置于底层即可,如图

    2f738bd4b31c8701bda96fee287f9e2f0708ff9f.jpg
  • 6.完当作设置后,预览成果,在输入时显示埋没文字,查点眼睛logo显示暗码明文。如图

    4034970a304e251f55ee39f0a886c9177f3e5399.jpg838ba61ea8d3fd1ffd037f323f4e251f95ca5fb4.jpg
  • 发表于 2019-10-16 20:02
  • 阅读 ( 1064 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具