成都企业网站表单常在提交按钮旁放重置。用户可能以为点击它可以撤回已经提交的需求,实际页面却只恢复输入控件默认值。入口文案与系统行为需要一致:页面重新准备填写,不等于后台记录被删除,也不代表某项联系请求已被撤回。

先看一个没有服务器的示例

<form id="example-form">
  <label>演示内容<input name="demo" value="默认文字"></label>
  <button type="reset">恢复默认输入</button>
</form>
<!-- 没有提交接口。改变输入后重置,会恢复默认值;不是保证全部为空。 -->

MDN说明HTMLFormElement.reset()将表单控件恢复为默认值。因而重置未必等于清空:字段原本有默认内容时,它会返回那个值。页面可能还有框架状态、错误提示或自定义组件,应按真实实现分别核对,不能由一个原生方法推断全部状态。

三个状态不能用同一个成功提示

操作与事实
操作或状态可以描述不能据此宣称
恢复页面输入控件返回默认状态后台已删除需求
重新填写可以开始另一份输入上一份已经撤回
已保存需求服务端确认收到点击重置会同步移除
提交未确认当前结果仍未知直接认定成功或彻底取消

保留还是移除重置,按任务决定

所有表单都必须有重置吗?

不必机械保留。若它容易造成丢失输入或误解,应评估是否有真实使用需要。

重置后错误提示还在,算完成吗?

应核对页面是否仍准确表达当前输入和状态,控件与提示需要一起验收。

  • 填写测试内容后重置,核对默认值和自定义控件。
  • 检查是否意外丢失用户仍需保留的内容。
  • 提交确认后,页面文字区分新需求与原记录。
  • 失败或超时状态不要被重置成虚假的成功。
  • 有撤回或删除需求时,另定义真实流程和权限。
1输入识别默认和用户填写值。
2操作执行实际重置行为。
3反馈说明页面真实状态。
4接续让用户知道下一步能做什么。
验收路径

交付记录最好用具体输入与预期结果说明,而不是只写按钮可点击。若表单允许多步填写,还应核对重置影响当前阶段还是整个过程,避免用户以为只改一项却丢失其他资料。