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

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

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

文章插图

需要这些哦
Axure版本:企业版8.0.0.3338
PC电脑:Windows 7
方式/
1.打开Axure , 筹办一个【文本框】定名password , 一个【眼睛logo】 。 如图
Axure如何制作密码框隐藏与显示效果

文章插图

2.复制【password】文本框 , 生当作【password1】 , 位置同password文本框一样 , 然后将password1文本框放置在【底层】 。 如图
Axure如何制作密码框隐藏与显示效果

文章插图

3.选择【password】文本框 , 设置文本框类型为【暗码】类型 。 这样在password文本框输入暗码时显示的就不是明文了 。 如图
Axure如何制作密码框隐藏与显示效果

文章插图

4.设置眼睛logo的【鼠标移入时】事务:将文本框password1置于顶层 , 然后设置password1文本框的值等于password文本框的值 , 如图
Axure如何制作密码框隐藏与显示效果

文章插图

5.设置眼睛logo的【鼠标移出时】事务:将文本框password1置于底层即可 , 如图
Axure如何制作密码框隐藏与显示效果

文章插图

【Axure如何制作密码框隐藏与显示效果】6.完当作设置后 , 预览成果 , 在输入时显示埋没文字 , 查点眼睛logo显示暗码明文 。 如图
Axure如何制作密码框隐藏与显示效果

文章插图
Axure如何制作密码框隐藏与显示效果

文章插图


以上内容就是Axure如何制作密码框隐藏与显示效果的内容啦 , 希望对你有所帮助哦!

    推荐阅读