在网站的注册或登录之类的信息输入界面,通常有重置功能,从交互角度来说,文字输入重置洲訾惨赳功能是对文本的操作;本教程会涉及到一键重置输入框信息,另外涉及到对文本框提示文栓疠瑕愤字设置功能,实现了点击文本框,提示文字消失,放弃输入时,提示文字复现;
工具/原料
AxureRPPro7.0软件
方法/步骤
1、从部件库往编辑窗口拖入“文字框”和“文本表格”,分别命名为:“用户名称”、“设置密码”、“确认密码”;再往编辑窗口拖入“矩形”,设置底色,并命名为“重置”,这样一个完整的信息输入界面做好了;
2、右键点击用户名称输入框,选择“编辑文字”,将框内提示文字设置为“请输入用户名...”
3、鼠标左键单击选中用户名输入框,在“部件交互与注释”窗口,选择“获得焦点时”,将文字内容设置为空;保存完成;然后在“部件交互与注释”窗口,选择“失去焦点时”,将文字内容设置为“请输入用户名...”
4、鼠标左键单击选中“重置”按钮,在“部件交互与注释”窗口,选择“鼠标撮劝丛食单击时”,将用户名输入框、密码输入框、确认密码输入框内容全部设置为空;至此芟坳葩津,整个提示文字显示与隐藏,以及信息重置功能制作完成,你可以按F5预览下效果了。