reset事件仅通知表单已重置，真正恢复默认值由form.reset()执行；它依据html初始属性（如value、selected）还原，而非清空字段；需手动处理自定义组件或额外状态。
在 JavaScript 中，reset 事件本身不会清空表单或恢复默认值——它只是浏览器对用户点击 <input type="reset"> 或调用 form.reset() 的响应。真正“清空并恢复默认状态”的动作，是由 form.reset() 方法完成的，而 reset 事件只是告诉你这个动作发生了。
如何正确使用 reset() 恢复表单默认值
form.reset() 会把所有表单控件（input、select、textarea 等）重置为它们在 HTML 中定义的 value、checked、selected 等初始属性值，而不是空值。
- 确保每个字段有明确的初始值：比如
<input value="默认用户名">或<select><option selected>选项一</option></select> - 动态设置的值（如 JS 赋值）不会影响 reset 行为，reset 只认 HTML 初始属性或 DOM 属性（如
el.defaultValue） - 调用方式：
document.getElementById('myForm').reset();或event.target.reset();（在事件处理中）
监听 reset 事件做自定义清理
reset 事件在 form.reset() 执行后触发（注意：不是之前），可用于补充清理那些 reset 不会处理的内容，比如：
- 自定义组件状态（如日期选择器插件、富文本编辑器）
- 手动清除通过 JS 添加的提示文字、错误样式（
classList.remove('error')） - 重置外部关联数据（如 Vue/React 中的状态需同步）
- 示例：
form.addEventListener('reset', () => { editor.clear(); showErrorMsg(false); });
常见误区与注意事项
reset 并不等于“清空”，它恢复的是 初始值，而非空白。若想彻底清空（所有字段变空），不能依赖 reset，而要手动遍历赋值：
-
input.value = ''、textarea.value = ''、select.selectedIndex = -1、checkbox.checked = false - HTML 中没设
value的input，其defaultValue是空字符串，此时reset()也会清空——但这属于巧合，不是设计意图 - 禁用（
disabled）或只读（readonly）字段仍会被 reset 影响（只要它们有初始值）
推荐做法：兼顾语义与可控性
保留原生 reset 行为保证一致性，再用事件补充逻辑：
- 给表单加
id和标准 reset 按钮：<button type="reset">重置</button> - 绑定 reset 事件时，避免阻止默认行为（
preventDefault无效，且会破坏原生逻辑） - 如需“清空”而非“重置”，改用自定义按钮 + 手动清空函数，不要覆盖 reset 语义
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
