reset事件仅监听表单重置动作，不执行清空；真正清空数据的是form.reset()方法，它将字段恢复为HTML初始值，动态修改的值需手动同步defaultValue等属性才能被重置保留。
在 JavaScript 中，reset 事件本身不会清空表单数据，它只是浏览器对表单 `` 按钮或 `form.reset()` 方法调用的响应。真正清空数据的是 form.reset() 方法，而 reset 事件用于监听这个动作发生的时间点。
reset 事件的作用是监听，不是执行清空
reset 事件在表单调用 .reset() 方法（或用户点击重置按钮）后触发，它不负责清空数据，只提供一个“此时表单已被重置”的通知机会。
- 表单字段恢复为页面加载时的
value初始值（即 HTML 中写的value="xxx"或checked/selected状态） - 如果字段没有显式设置初始值（如空的
<input>），则重置后为空字符串或未选中 -
reset事件无法阻止默认重置行为（不像submit可用preventDefault）
正确清空表单：优先用 form.reset()
直接调用表单元素的 reset() 方法是最标准、兼容性最好的方式：
<form id="myForm">
<input name="username" value="张三">
<select name="city"><option value="bj" selected>北京</option></select>
<button type="reset">重置</button>
</form>
<script>
const form = document.getElementById('myForm');
// ✅ 推荐：手动触发重置（等效于点重置按钮）
form.reset(); // 所有字段立刻恢复初始值
// ✅ 也可绑定 reset 事件做后续处理（如清空自定义状态）
form.addEventListener('reset', () => {
console.log('表单已重置');
// 注意：这里不能再调用 form.reset()，否则会无限循环
});
</script>
注意：动态修改的值不会被 reset 恢复
如果用 JS 修改过表单字段的 value、checked 或 selectedIndex，但没同步更新其 HTML 初始状态（如 defaultValue），那么 reset() 会恢复到**原始 HTML 值**，而不是你 JS 设置后的值。
立即学习“Java免费学习笔记（深入）”；
- 例如：
input.value = '新内容';→ 调用form.reset()后变回原 HTML 的value - 若想让 JS 设置的值成为新的“初始值”，需手动更新对应属性：
input.defaultValue = input.value;或select.selectedIndex = 2;
需要彻底清空（无视初始值）？手动赋值更可靠
如果目标是“全部清空成空/未选中”，而不是“恢复初始值”，那就别依赖 reset()，而是遍历字段逐一设置：
function clearForm(form) {
const fields = form.querySelectorAll('input, select, textarea');
fields.forEach(field => {
switch (field.type) {
case 'checkbox':
case 'radio':
field.checked = false;
break;
case 'file':
field.value = ''; // 清空文件输入（部分浏览器可能限制）
break;
default:
field.value = '';
}
});
}
// 使用
clearForm(document.getElementById('myForm'));
