Axure9 |带清除按钮的文本输入框

最新推荐文章于 2023-10-25 11:27:51 发布
最新推荐文章于 2023-10-25 11:27:51 发布
阅读量4.9k 收藏 14
点赞数 4
分类专栏： Axure RP 9
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Binnadadada/article/details/106342115
版权

实现效果：
在这里插入图片描述
第一步：选取Axure自带的文本框；
在这里插入图片描述
第二步：设置默认提示文本“请输入账号”，选择在获取焦点时隐藏提示，实现点击文本框，隐藏“提示文本”，显示光标；
在这里插入图片描述

  • 获取焦点时隐藏提示：鼠标点击，出现输入光标，隐藏提示文本；
  • 若选择输入时隐藏提示：文本框开始输入，隐藏提示文本。

在这里插入图片描述
第三步：添加清除按钮，同时将其设置为隐藏；
在这里插入图片描述

  • 选中清除按钮，点击“小眼睛”，即可隐藏图标ÿ
最低0.47元/天 解锁文章
太阳搓搓圆
关注
  • 4
    点赞
  • 踩
  • 14
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Axure 输入框提示语自动消失与显示
哈哈
06-26 1万+
设置： 文本框       “ 输入框”按钮 ———————————————————————————————————————————————————————————————— 选中文本框 “ 输入框” ，双击onFocus，设置用例一：    { 当部件文字“输入框”的值为“请输入文字...”， 获得焦点时，提示语自动消失。 } 添加条件： 部件文字，输入框，等于， 值
axure实现复选框全选_Axure 实例 － 复选框的全选 & 取消（转）
weixin_29041443的博客
12-29 2146
复选框的［全选］与［取消］是比较常见的一种交互事件，常用于对于某列表的批量编辑，形式一般来说有两种，早前常见的是通过［全选］和［取消］两个Button 来完成对于 CheckBox 的控制，现在更多见的是只通过对一个 CheckBox的开关式操作来完成，这次实例带来的就是对于后者在 Axure 中的实现方法。要求：1、将一个 CheckBox控件做为控制开关，即该项选中则实现对于其它复选框的［全选...
编写java程序，在文本框输入字符串，点击“添加”按钮，文本区显示文本框中内容；点击“清空”按钮，清除文本区所有内容
11-20
编写java程序，在文本框输入字符串，点击“添加”按钮，文本区显示文本框中内容；点击“清空”按钮，清除文本区所有内容。
Axure9：输入文本的提示文字
moyiyanting的博客
06-27 4262
效果：未输入前有文本提示，输入后显示输入文本，提示文本消失，且可以限制文本输入最大长度 设置步骤： 1.选中文本框，打开交互面板，设置提示文本（请输入用户名） 2.设置文本框输入的最大长度 ...
AXURE 学习笔记 制作“鼠标点击时，输入框内文字消失”效果
xjmlyun的专栏
05-11 4326
制作“鼠标点击时，输入框内文字消失”效果 这一步相对比较简单，只需要考虑“输入框获得焦点”、“输入框失去焦点”两种情况 当“输入框获得焦点”时，按照下图设置交互动作 当我们设置文字在部件 密码等于“”后，我们单击输入框，输入框内就会显示空格了。（4为空） 当输入框失去焦点后，如果输入框中没有输入文字（即文字长度为0）则显示预设文字；当有输入文字时，显示输入文字。如下图设置：
html点击文本框唤醒手机键盘,html移动应用 input 标签 清除按钮功能如何实现（不触发键盘）...
weixin_39662721的博客
06-03 162
有个需求是：输入框有文本的时候就显示清除按钮，没有文本则隐藏清除按钮，点击清除按钮不能影响键盘弹出的状态。网上有css实现自动显示和隐藏清除按钮的方案，但是考虑到兼容性，我们还是使用js来实现。cssbody{background: #eee;}form{margin: 30px 0;position: relative;}#keyword{height: 90px;font-size: 60px...
Axure9.0---输入文字时文本框提示消失
weixin_42414700的博客
11-30 5272
Axure9.0---输入文字时文本框提示消失用户名输入框设置选择交互 用户名输入框设置 在default元件库选择文本框，并将其拖入工作区 选择交互 2.选中想要设置的文本框并在交互选项中点击“提示” 3.更多样式选项可进行提示文本的个性化设置，根据个人喜好进行，一般情况使用默认的就好；完成样式设置后，点击提示属性 4.点击提示后按照下图进行设置，并输入你想要隐藏的提示文本，设置完后点击完成。 5.此时可以发布预览看看效果啦！ 此时显示了提示内容 输入文本，提示消失~搞定！ ...
Axure9 实现数字输入框效果
03-24
Axure9 实现数字输入框效果
Axure RP 9 制作拖动按钮面板拖动图片教学视频
11-03
1、包含Axure RP 9 制作拖动按钮面板拖动图片教学的范例文件。 2、包含Axure RP 9 制作拖动按钮面板拖动图片的原型文件。 3、能够让初学者，学会动态面板的合理使用，看的懂，学得会。 4、过程简单、同类型的利用率...
Axure9谷歌扩展程序
11-18
Axure9提供了丰富的组件库，包括按钮、表单元素、布局网格等，用户可以通过拖放操作快速构建页面布局。此外，它还支持自定义动态面板、条件逻辑、变量和计算，这使得原型可以模拟复杂的交互和逻辑。通过添加注释和...
Axure设计实现下拉框多选及取消
04-05
Axure实现下拉框选项多选并将选中内容展示在文本框中，且可通过删除文本框的内容来取消对应的选项选中样式，具体的实现步骤可参考https://blog.csdn.net/super_DuoLa/article/details/123971433
Axure9元件库大合集
02-18
这个“Axure9元件库大合集”很可能包含了大量的预设组件、图标、按钮、表单元素以及其他的交互元素，这些都可以极大地提高设计效率。 在Axure9中，元件库是设计的核心组成部分，它提供了丰富的设计元素，用户可以...
Axure9元件库ios端
04-26
ios的各种型号，pad型号，元件尺寸，标题栏状态栏，安装图标等基础元件
axure函数的使用方法详细介绍
zy1992As的博客
12-20 1004
在用进行交互设计的时候，函数一般用在需要赋值和条件公式的地方。⽤途：默认名称⽤途：中继器的对象。Item.Repeater即为Item所在的中继器对象。⽤途：中继器项⽬列表中可⻅项的数量。⽐如：项⽬列表共有15项，分⻚显示为每⻚6项。当项⽬列表在第1、2⻚时，可⻅项数量为6;当项⽬列表在第3⻚时，可⻅项数量为3。⽤途：获取中继器项⽬列表的总数量，或者叫加载项数量。默认情况下项⽬列表的总数量会与中继器数据集中的数据⾏数量⼀致，但是，如果进⾏了筛选，项⽬列表的总数量则是筛选后的数量，这个数量不受分⻚影响。
Axure9 利用中继器动态面板实现登录、注册、列表增删改查、分页、搜索、排序，动态图表展示
weixin_41511530的博客
08-14 661
Axure rp9 1、利用Axure中继器实现登录和注册，各种情形的验证提示 2、利用Axure中继器实现列表增删查改数据、分页、搜索、排序等功能 3、大屏动态面板滚动展示数据和多图数据展示 方便产品经理在制作Axure原型图时完成一些交互功能
Axure基础操作及高级操作
m0_49233445的博客
08-04 1787
1.Axure 1.1Axure的安装及汉化 1.1.1Axure的安装 Axure中文学习网：https://www.axure.com.cn/ 安装链接：https://www.axure.com/ （1）点击链接或复制链接到百度进行下载 （2）下载完成后，找到Axure RP 9目录下的“AxureRP9.exe”文件，双击运行 （3）若需要授权码。授权码：https://blog.csdn.net/hongc93/article/details/107857318 注：win7系统安装报错解决：ht
简单使用Axure(3)
vlesil的博客
07-19 320
Axure的简单、使用
Axure基础详解三：输入框的运用
太空背包客的博客
10-25 1113
输入框的运用场景与交互状态的使用。
【独家首发】基于蜣螂优化算法DBO-GMDH的风电数据回归预测研究Matlab实现.rar
最新发布
08-14
【独家首发】基于蜣螂优化算法DBO-GMDH的风电数据回归预测研究Matlab实现.rar
axure rp9做密码输入框
09-09
在Axure RP9中创建一个密码输入框的方法如下： 1. 打开Axure RP9软件，并创建一个新的页面或打开...当用户在此输入框中输入文本时，输入的内容将被隐藏为密码符号（通常是星号或圆点），以保护用户输入的隐私信息。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值