Axure9.0---输入文字时文本框提示消失

最新推荐文章于 2024-05-07 22:06:42 发布
最新推荐文章于 2024-05-07 22:06:42 发布
阅读量5.1k 收藏 14
点赞数 2
分类专栏： Axure 文章标签： 产品经理
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42414700/article/details/110368125
版权

Axure9.0---输入文字时文本框提示消失

用户名输入框设置

  1. 在default元件库选择文本框，并将其拖入工作区
    在这里插入图片描述

选择交互

2.选中想要设置的文本框并在交互选项中点击“提示”

在这里插入图片描述
3.更多样式选项可进行提示文本的个性化设置，根据个人喜好进行，一般情况使用默认的就好；完成样式设置后，点击提示属性
在这里插入图片描述

4.点击提示后按照下图进行设置，并输入你想要隐藏的提示文本，设置完后点击完成。
在这里插入图片描述

5.此时可以发布预览看看效果啦！
此时显示了提示内容
在这里插入图片描述
输入文本，提示消失~搞定！
在这里插入图片描述

Tips:关于设置密码格式

如果要设置输入内容为密码的话，右击想要设置的文本框–输入类型–密码，此时输入的文本内容就是密码的形式啦！

琪•﹏•
关注
  • 2
    点赞
  • 踩
  • 14
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
axure文本框单击提示文字消失_Axure基础原件使用
weixin_42361733的博客
02-04 4737
本内容从网上搜索，仅供参考学习1. 添加元件到工作区在左侧元件中选择要使用的元件，按住鼠标左键不放，拖到画布适合的位置上松开。2. 添加元件名称在检视面板的元件名称文本框中输入元件自定义名称。3. 设置元件位置/尺寸元件的位置和尺寸可以通过鼠标拖拽调整，也可以在快捷键功能或者元件样式中进行输入调整X：指元件在画布中x轴的坐标值。Y：指元件在画布中y轴的坐标值。W：指元件的宽度值。 H：值元件的高度...
Axure 输入框提示语自动消失与显示
热门推荐
哈哈
06-26 1万+
设置： 文本框       “ 输入框”按钮 ———————————————————————————————————————————————————————————————— 选中文本框 “ 输入框” ，双击onFocus，设置用例一：    { 当部件文字“输入框”的值为“请输入文字...”， 获得焦点时，提示语自动消失。 } 添加条件： 部件文字，输入框，等于， 值
实现搜索框点击时提示文字消失 离开时提示文字出现
04-30 579
搜索框点击时提示文字消失 离开时提示文字出现 该例为一个搜索框，点击搜索框后默认提示文字自动清除，离开再次显示默认提示文字 <html> <body> <meta charset="utf-8" /> <title>CSS搜索框</title> <style type="text/css...
Axure学习日志之如何制作高保真输入框（焦点事件）_axure输入框闪烁
最新发布
2401_84433535的博客
05-07 372
为了帮助大家更好温习重点知识、更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。前端面试题汇总开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】JavaScript性能linux。
AXURE 学习笔记 制作“鼠标点击时，输入框内文字消失”效果
xjmlyun的专栏
05-11 4293
制作“鼠标点击时，输入框内文字消失”效果 这一步相对比较简单，只需要考虑“输入框获得焦点”、“输入框失去焦点”两种情况 当“输入框获得焦点”时，按照下图设置交互动作 当我们设置文字在部件 密码等于“”后，我们单击输入框，输入框内就会显示空格了。（4为空） 当输入框失去焦点后，如果输入框中没有输入文字（即文字长度为0）则显示预设文字；当有输入文字时，显示输入文字。如下图设置：
Axure：输入框提示语的自动消失与显示.rp
05-18
axure例子，axure例子，axure例子
axure9提示文字在哪里_Axure 9中“消失”的它们
weixin_28756005的博客
02-01 1753
Axure 9正式版发布到现在已经有一段时间了，但还是有一部分的朋友对它表示不熟，用起来不太顺手，很多功能和设置都不知道在哪里，单从表面上看，好像消失了一样。应这部分朋友的要求，今天我们一起来看一下，与Axure8相比，在Axure9中消失的它们。1、草图效果在Axure 8中，可以设置草图效果，模拟手绘原型。在Axure 9中，将草图效果取消了。如果想用axure 9制作草图效果的伙伴...
AxureRP-Pro9.0-Chinese.rar
09-01
1. **快速原型设计**：Axure RP提供了丰富的元件库，包括按钮、文本框、图片、表格等，用户可以通过拖放方式快速构建页面布局。此外，还可以自定义元件，创建符合项目需求的独特组件。 2. **交互模拟**：设计完成后...
AxureRP-Setup-3740
02-22
1. **线框图设计**：Axure RP 提供了丰富的预设组件库，包括各种界面元素如按钮、文本框、图片等，设计师可以通过拖放方式快速搭建页面布局。线框图是产品设计初期的重要步骤，它帮助定义和梳理页面结构，为后续的...
AxureRP 9.0.0.3677.zip
06-11
在安装或首次运行软件时，用户可能需要输入这个秘钥来验证软件授权，确保合法使用。不过，需要注意的是，非法分享或使用秘钥是违反版权法的行为。 总的来说，Axure RP 9.0.0.3677.zip是一个包含Axure RP 9.0版本的...
axure 9.0小程序.zip
03-09
Axure RP 9.0是一款流行且功能强大的原型设计工具，尤其在创建Web应用和小程序的原型时，它被广泛使用。本压缩包"axure 9.0小程序.zip"包含了一个.rplib库文件和两个其他文件，这可能是用于创建小程序原型的资源。 ...
电脑软件Axure RP 9.0.rar
10-17
1. **线框图设计**：Axure RP 9.0 提供了多种预设的组件库，包括常见的网页元素如按钮、文本框、图像等，使得设计师可以快速搭建页面结构，呈现产品的基本布局。用户还可以自定义样式，满足个性化需求。 2. **交互...
Axure9 怎么设置文本框提示文字以及字体大小与颜色
慢谈人生
09-14 1万+
1.选中文本框，如下图，点击右侧“交互”，在点击箭头指向的小按钮，即可设置提示文字！ 2.选中文本框，如下图，点击右侧“交互”，在点击箭头指向的:hint，即可设置提示文字大小与颜色！ ...
Axure之解决文本框无法输入
LVXIANGAN的专栏
03-27 8206
 在MacOs + Axure 8.0 开发中，在电脑键盘输入数字“1”时，文本框内容无法显示；快速输入“123”，文本框显示“23”，这时候再输入“4”，又可以正常输入并显示了，真的十分奇怪！引起原因：Axure对中文输入法支持不好。解决方法：把中文输入法关闭，切换为英文键盘输入，OK！...
小白自学Axure-文本框提示文字怎么设置
weixin_50534910的博客
01-15 1549
在红色框中输入提示文字，在蓝色框设置提示文字消失方式（1.有输入时消失；很多登录界面、表单中都有文本框，那么在制作原型图时，怎么设置文本框的提示文字呢？最后，调整一下样式就可以了。在交互界面点击调整按钮。首先，拖入一个文本框。
Axure9：输入文本的提示文字
moyiyanting的博客
06-27 4160
效果：未输入前有文本提示，输入后显示输入文本，提示文本消失，且可以限制文本输入最大长度 设置步骤： 1.选中文本框，打开交互面板，设置提示文本（请输入用户名） 2.设置文本框输入的最大长度 ...
Axure淘宝搜索框——点击输入框提示文字和搜索按钮消失
monica1_1的博客
07-01 2121
上图是所要用到的元件，但是这里需要注意的一点事，点击输入框输入，提示语和搜索按钮消失的一个效果：搜索按钮 可以放在提示语句中。 你是技术宅么？那就加入我们吧！点击下方链接 或 扫描二维码 即可。 欢迎加入 CSDN技术交流群2：（点击即可加群）QQ群:456543087 CSDN技术交流群(已满员)：（点击即可加群）QQ群:681223095。 ...
Axure9 |带清除按钮的文本输入框
Binnadadada的博客
05-25 4865
实现效果： 第一步：选取Axure自带的文本框； 第二步：设置默认提示文本“请输入账号”，选择在获取焦点时隐藏提示，实现点击文本框，隐藏“提示文本”，显示光标； 获取焦点时隐藏提示：鼠标点击，出现输入光标，隐藏提示文本； 若选择输入时隐藏提示：文本框开始输入，隐藏提示文本。 第三步：添加清除按钮，同时将其设置为隐藏； 选中清除按钮，点击“小眼睛”，即可隐藏图标； 第四步：选择文本框，设置文本框的交互，实现输入文本时，显示清除按钮； 文本改变时，当文字长度>=1,即开始输入文字，则显示
Axure RP 9查找属性栏位置简单步骤（以文本框举例）
rothschild666的博客
06-08 9053
Axure RP 9查找属性栏位置简单步骤（以文本框举例） 如果大家还没有下载Axure RP 9软件，可以点击下面的文章链接，按文章步骤进行下载。 文章链接：点击打开Axure rp简单介绍及下载安装详细步骤文章链接 具体步骤如下： 一、双击打开Axure RP 9软件。 二、打开软件之后出现下面的弹窗，然后点击“+新建文件”。 三、首先找到“元件”栏，然后再找到“表单元件”，最后找到“文本框”元件。 四、一直点击“文本框”元件并用鼠标光标拖着到设计界面，见下图红色框中的内容。 五、然后点击“交互
axurerp-setup-3740.dmg用途
09-13
axurerp-setup-3740.dmg是一个文件，通常用于Mac操作系统中安装Axure RP软件。Axure RP是一款流行的用户体验（User Experience，简称UX）设计工具，它主要用于创建交互式原型和线框图，帮助设计师和开发人员展示和测试他们的产品或应用程序的用户界面。 该软件具有丰富的功能，允许用户创建高保真的模型，包括可交互的菜单、按钮、表单等。设计师可以使用该软件来快速设计产品设计，以及通过创建各种交互和动画效果来展示产品的用户流程。通过使用Axure RP，用户可以编写和共享规范和文档，以便与团队成员进行协作和沟通。 axurerp-setup-3740.dmg是一个安装文件，可以通过双击它来启动Axure RP的安装过程。安装后，用户可以开始使用该软件并享受其提供的各种功能和工具。Axure RP是设计师和开发人员之间沟通和合作的重要工具，它可以帮助他们更好地理解和改进人机交互界面，并最终提供更好的用户体验。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值