交互式设计
axure 文本框显示密码
墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网
我也要 关注 + 加入社区原型描述：
在密码文本框中输入密码，默认密码信息以黑色实心圆点显示，鼠标按下闭眼图标，密码文本框黑色实心圆点变为显示密码信息，鼠标松开密码信息变回黑色实心圆点
原型效果：
制作步骤:
1、添加两个文本框和一个图片元件
2、上边文本框命名：隐藏密码，下边文本框命名：显示密码，图片命名：眼睛
3、隐藏密码文本框的类型设置为密码，提示文字设置为请输入密码
4、显示密码文本框设置为隐藏并与隐藏密码文本框重叠
5、眼睛图片元件与显示密码文本框右端重叠
6、点击眼睛图片元件，添加鼠标按下时和鼠标松开时用例
...全文
相关推荐
原创axure组件（包含显示“*”的密码输入框）
接下来是“密码输入框”，这是一个具有特殊需求的组件。在Axure中，我们可以通过自定义样式和JavaScript表达式实现显示星号或明文密码的功能。
小楼axure图文教程（一）文本框焦点效果
**文本框**：在Axure中，文本框是用户输入文本的组件。它通常用于收集用户信息，如用户名、密码等。2. **焦点**：当用户与某个元素交互，如点击或触摸时，该元素获得焦点。
AXURE学习总结.pdf
文本框文本框可以实现在原型页面的单行文本编辑。还有多行文本框、下拉列表框等文本编辑元件，文本框可以设置成日期、数字、导入、密码、邮箱等个性化的文本框类型。2.8.
axure注册登录.zip
在Axure中设计注册页面，我们可以使用文本框组件来创建输入字段，分别对应用户名、密码和邮箱或手机号码。密码输入框通常需要一个眼睛图标，用于切换显示或隐藏密码，这个功能可以通过动态面板和状态切换实现。
Axure使用手册_设计人员使用_用于设计原型
**设置元件默认隐藏**：元件可以被设置为默认隐藏，只有在特定交互下才会显示，增强了原型的动态表现力。11. **设置文本框输入为密码**：将文本框设置为密码输入，通常用于登录页面，以保护用户隐私。
