axure rp里如何实现文本输入框的文字提示

axure rp里如何实现文本输入框的文字提示,第1张

1、打开Axure RP 软件,在软件库中拖一个输入框到画布上。

2、选中输入框,设置其名称为“passworda”。

3、选中输入框,选择文本框类型为“密码”,并输入默认值为“111”,这时显示为“...”,。

4、选中输入框,鼠标右键选择“提示信息”,输入“请输入密码”。

5、选中输入框鼠标右键选择“设定最大长度”,输入“12”。

6、添加动作“设置文本”,勾选文本框,设置值为“123456”确定。文字提示就完成了。

在设计填写项时我们我们需要经常用到文本框,比如注册、登录、个人信息等相关的页面设计,我们都需要使用文本框。文本框的类型包含:文本、密码、邮箱、数字、电话、URL地址、搜索、文件、日期、月份和时间。选定好类型后,只能在文本框中输入选定类型的信息。比如我们设定了数字,则无法输入中文和英文。文本框内容的输入长度,可以设定上限,这里的长度限制同时适用于中文、英文和数字。选中元件,右键单击选择“文本类型”,右键单击选择文本框选择“编辑最大长度”,输入数字,限定最大长度。文本框的类型和长度限制也可以通过交互样式面板进行设置。

设置方式:选中文本框 - 交互 - 名称旁边小图标 - 选择数据类型

11种数据类型的区别:

文本提示:提示用户应该在文本框中输入什么样的内容,点击输入框获取焦点后,内置提示信息消失。选中元件,在右侧交互样式面板的提示文本中,填写提示内容。

提示:选择是在获取焦点时隐藏提示文本,还是在用户输入时隐藏提示文本。

工具提示:鼠标悬停在文本框中提示的文字

提交按钮:起到一个关联的作用,把回车和按钮关联到一起

(将密码框提交按钮设置为登陆的意思就是:输完密码直接回车就登陆进入下一页面)

最大长度:指的是最多能输入多少个字符(手机号11位就输入11)

禁用:意味着系统无法和用户进行交互,不能选择、不能输入、不能更改、不能复制

只读:可以选择、可以复制,但是不能输入、不能更改

链接:https://www.jianshu.com/p/f592ced9cd1a

不能直接设置文本框的边框样式,不过可以用别的方法达到想要的效果:

首先,插入一个本框

然后设置文本框的属性为“隐藏边框”,如下图:

此时文本框不再有边框显示,现在再拖一个矩形至工作区,并调整其高度为上一文本框高度+2,其宽度为上一文本框宽度+角度*2,并使其与上一文本框复叠,如下图:

最后改变矩形的边框圆角半径并将矩形置于底层:

最终如下:

可以将做出来的这个元件组合起来,存到元件库中,以后可以直接用。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://www.outofmemory.cn/bake/11922694.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存