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

 时间:2026-02-15 13:07:58

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 RP 8设计软件控制圆形弹跳效果
  • Adobe Illustrator CS6怎么创建极坐标
  • 墨刀怎样查看自动标注
  • 怎样在ID2016中给文字添加阴影
  • 热门搜索
    破壁机食谱大全及做法 黄辣丁的做法大全 冒菜的做法 三国杀怎么玩 羽绒服洗了以后一坨一坨的怎么办 红烧肉的做法窍门 笃怎么读 花卷的做法大全 香菇排骨汤的做法 虾仁的做法大全