使用 HTML DOM Form Object 的 reset() 方法来重置表单。当执行后， onreset 事件被触发，并会弹出提示信息。 - 在线编辑器

JavaScript 参考手册
onreset 事件
使用 HTML DOM Form Object 的 reset() 方法来重置表单。当执行后， onreset 事件被触发，并会弹出提示信息。

          <p>在文本域中输入信息，并点击 "重置表单" 按钮来重置表单。</p>
<form id="myForm" onreset="myAlertFunction()">
  名: <input type="text" name="fname">
  <input type="button" onclick="myResetFunction()" value="重置表单">
</form>
<p>HTML DOM Form Object 的 reset() 方法重置了所有表单元素的值。当执行后， onreset 事件被触发，并弹出信息。</p>
<script>
  // 重置id="myForm"表单的所有元素值
  function myResetFunction() {
    document.getElementById("myForm").reset();
  }
  // 在表单重置后弹出提示信息
  function myAlertFunction() {
    alert("表单已重置");
  }
</script>
        