Axure文本框重置教程 完整版

在网站的注册或登录等信息录入页面中，通常会配备“重置”功能。从交互设计的角度来看，该功能的核心作用是清空已输入的内容，或使表单恢复至初始状态。

1、 从部件库中依次拖入文字框与文本表格至编辑区域，并分别命名为“用户名称”“设置密码”和“确认密码”；随后插入一个矩形控件，为其设置填充色并命名为“重置”，从而完成整个表单界面的基础布局与视觉设计。

2、 右键点击“用户名称”输入框，选择“编辑文字”，将默认提示语更改为“请输入用户名……”。

3、 选中“用户名称”输入框，在交互设置面板中配置“获得焦点时”的动作：执行“清空文字内容”并保存设置。

4、 在同一输入框的“部件交互与注释”窗口中，添加“失去焦点时”的交互行为，并将显示文字设为“请输入用户名……”。

5、 点击选中“重置”按钮，在其交互设置中设定“鼠标单击时”的操作：同步清空“用户名称”“设置密码”及“确认密码”三个输入框中的全部内容。

6、 至此，输入提示文字的动态显示/隐藏逻辑以及表单整体重置功能均已实现，可直接按F5键运行预览，查看实际交互效果。