Axure基础教程:设置文本框输入为密码/设置打开选择文件窗口/限制文本框输入字符位数/设置文本框提示文字/设置文本框回车触发事件

本文为Axure基础实操教程,可快速提升原型设计能力,建议小伙伴们收藏学习。

制作工具

Axure9


教程目录

1. 设置文本框输入为密码

2. 设置打开选择文件窗口

3. 限制文本框输入字符位数

4. 设置文本框提示文字

5. 设置文本框回车触发事件


1. 设置文本框输入为密码

文本框属性中选择文本框的{类型}为【密码】。

1.jpg


2.设置打开选择文件窗口

文本框属性中选择文本框的{类型}为【文件】,即可在浏览器中变成打开选择本地文件的按钮。该按钮样式各浏览器略有不同。

2.jpg


3. 限制文本框输入字符位数

在文本框属性中输入文本框的{最大长度}为指定长度的数字。

3.jpg


4.设置文本框提示文字

在文本框属性中输入文本框的{提示文字}。提示文字的字体、颜色、对齐方式等样式可以点击【提示样式】进行设置。

提示文字设置包含{隐藏提示触发}选项,其中:

输入:指用户开始输入时提示文字才消失。

获取焦点:指光标进入文本框时提示文字即消失。

4.jpg


5.设置文本框回车触发事件

文本框回车触发事件是指在文本框输入状态下按回车键,可以触发某个元件的【鼠标单击时】事件。只需在文本框属性中{提交按钮}的列表中选择相应的元件即可。

5.jpg