Axure:基础组件——文本密码框

发布日期:2022-06-18 13:13    点击次数:164

Axure:基础组件——文本密码框

剪辑导语:何如用Axure制作文本密码框,收尾文本框神采的变化,以及输入文本默许为*,点击图标后才浮现出来的后果呢?本文作家对此作出了分析,沿路来看一下吧。

剪辑导语:何如用Axure制作文本密码框,收尾文本框神采的变化,以及输入文本默许为*,点击图标后才浮现出来的后果呢?本文作家对此作出了分析,沿路来看一下吧。

文本密码框的后果如下:

1、光标键入文本框时,文本框变为绿色,光标离开文本框,文本框变为玄色;

2、输入文本时,默许为*,点击“取消遁入”图标后,笔墨浮现出来,同期光标回到文本框中,文本框变为绿色;再点击“遁入”图标后,笔墨变为*,私人vps一夜爽毛片免费光标再次回到文本框中。

要是要收尾上述后果,需要使用动态面板,新增两面板景象并阔别定名为:密码隐和密码显。

率先浮现的“密码隐”动态面板,这内部有输入框、矩形框、图标。

输入框:类型是密码。

在文本转变的事件里,同步将值通过局部变量的时势写入“密码显”的文本框上。

因为输入框遁入了边框,是以在取得焦点和失去焦点这两个事件里转变矩形框的选中庸非选中的景象,以此展示键入和非键入的输入景象。

输入框的文本框属性中,要是栽种“遁入教唆触发”为“输入”时,光标键入文本框中时,久久久久久精品免费免费自慰“密码”教唆二字是不会褪色的;要是栽种为“取得焦点”,则光标键入文本框中时,“密码”二字会褪色。

矩形框:属性里的交互样式需要治愈一下,不然在上头的选中景象发生变化后,矩形框也不会有任何变化;需要将线段神采改为#1EC695,线型为solid。

图标:默许元件库里的Icons,搜索eye slash;当鼠标单击这个图标时,动态面板就切换到“密码显”,同期将光标键入到输入框里,这么用户就不错立马输入了。

其次是“密码显”动态面板,相似有输入框、矩形框、图标。

输入框:类型就不是密码了,而是text,因为在这输入时,是平直浮现出来的,而不是像密码一样遁入起来;相似也遁入了边框,也需要传值到“密码隐”文本框上,相似需要切换矩形框的选中景象。 矩形框:同上。 图标:在Icons里搜索eye即可;单击后切换到“密码隐”,相似将光标键入到输入框里,相似用户不错再接着输入,而毋庸再点击一次输入框。

本文由 @1526 原创发布于巨匠都是居品司理,未经许可,退却转载

题图来自 Unsplash,基于 CC0 条约

密码图标矩形框光标文本框发布于:陕西省声明:该文视力仅代表作家本身,搜狐号系信息发布平台,搜狐仅提供信息存储空间作事。

相关资讯



Powered by 少妇人妻精品一区二区三区 @2013-2022 RSS地图 HTML地图