代码示例:(标识:event_onreset_3)
<!DOCTYPE html>
<html>
<body>

<p>请在下面的字段中输入一些文本,然后按“重置表单”按钮重置表单。</p>

<form id="myForm" onreset="myAlertFunction()">
  First name: <input type="text" name="fname">
  <input type="button" onclick="myResetFunction()" value="Reset form">
</form>

<p>HTML DOM 表单对象的 reset() 方法重置表单中所有元素的值。发生这种情况时,将触发 onreset 事件,这将触发 alert 函数。</p>

<script>
// 重置 id="myForm" 的表单中元素的文本
function myResetFunction() {
  document.getElementById("myForm").reset();
}

// 重置表单时提示一些文本
function myAlertFunction() {
  alert("The form was reset");
}
</script>

</body>
</html>
运行结果: