Axure文本输入框信息重置功能教程

溜溜自学专注室内设计,平面设计,视频剪辑,建筑动画和软件入门基础教程,新手实现快速入门与成长?去看一下 >>
文章作者:小溜 文章分类:平面设计 发布时间:2022-10-13 11:13 浏览量:929

大家好,我是小溜,在网站的注册或登录之类的信息输入界面,通常有重置功能,从交互角度来说,文字输入重置功能是对文本的操作;本教程会涉及到一键重置输入框信息,另外涉及到对文本框提示文字设置功能,实现了点击文本框,提示文字消失,放弃输入时,提示文字复现;

溜溜自学网还为大家准备了“Axure RP”相关视频教程,快点击查看>>

工具/软件

硬件型号:惠普(HP)暗影精灵8

系统版本:Windows7

所需软件:Axure RP

方法/步骤

第1步

从部件库往编辑窗口拖入“文字框”和“文本表格”,分别命名为:“用户名称”、“设置密码”、“确认密码”;再往编辑窗口拖入“矩形”,设置底色,并命名为“重置”,这样一个完整的信息输入界面做好了;

Axure rp Pro 7.0文本输入框信息重置功能教程

第2步

右键点击用户名称输入框,选择“编辑文字”,将框内提示文字设置为“请输入用户名...”

Axure rp Pro 7.0文本输入框信息重置功能教程

第3步

鼠标左键单击选中用户名输入框,在“部件交互与注释”窗口,选择“获得焦点时”,将文字内容设置为空;保存完成;

然后在“部件交互与注释”窗口,选择“失去焦点时”,将文字内容设置为“请输入用户名...”

Axure rp Pro 7.0文本输入框信息重置功能教程

Axure rp Pro 7.0文本输入框信息重置功能教程

第4步

鼠标左键单击选中“重置”按钮,在“部件交互与注释”窗口,选择“鼠标单击时”,将用户名输入框、密码输入框、确认密码输入框内容全部设置为空;

至此,整个提示文字显示与隐藏,以及信息重置功能制作完成,你可以按F5预览下效果了。

Axure rp Pro 7.0文本输入框信息重置功能教程

Axure rp Pro 7.0文本输入框信息重置功能教程

注意/提示

上面就是“Axure文本输入框信息重置功能教程”这篇文章的所有内容了,相信大家也都认真的阅读完了,如果在学习的过程中遇到问题,不妨重新再的阅读下文章,相信大家都能够轻松解决眼下的问题。

Axure8.0交互设计必备教程
Axure RP是一个专业的快速原型设计工具。Axure RP已被一些大公司采用。是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。
大宝老师 669人在学 基础入门
免费学习>
超低价秒杀课程
立即登录学习: