reset按钮不恢复JS修改后的值，仅回退到HTML加载时的value/checked/selected属性值；对受控组件无效，不触发input/change事件，且无法重置hidden字段或提交后的状态。
点击
因为 只会把表单恢复到页面**加载完成时的状态**，不是你用 JavaScript 修改后的“新初始值”，也不是你手动填写后想退回的“上次保存状态”。它不读取 value 属性的当前值，而是依赖 DOM 初始化快照——如果 JS 动态改过 input.value 或设置了 defaultValue，reset 按钮大概率失效或回退错位。
reset() 方法和原生 reset 按钮行为一致吗？
完全一致。调用 form.reset() 和点 是同一套底层逻辑，都基于表单初始渲染时各字段的 defaultValue（对 ）或 defaultChecked/defaultSelected（对 checkbox/select）。所以如果你在页面加载后执行过：
document.getElementById('name').value = 'Alice';
再点 reset，它还是会清空成空字符串（除非你当初写的是 ）。
想真正回到「最后一次人工填写」或「某次保存的状态」怎么办？
必须手动存档 + 手动还原。常见做法是：
- 在用户首次填写/提交/切换页面前，用
form.querySelectorAll('input, select, textarea')遍历并缓存每个元素的value、checked、selectedOptions等状态到一个对象里 - 重置时不再调用
reset()，而是遍历缓存对象，逐个赋值：el.value = cachedValues[el.name]，el.checked = cachedChecked[el.name] - 注意：动态生成的选项（如 AJAX 填充的
）要连同innerHTML或options数组一起缓存，否则还原时下拉项可能丢失
用 defaultValue 强制干预 reset 行为可行吗？
可以但危险。例如：
input.defaultValue = 'new default';
之后调用 form.reset() 确实会设成这个值。但问题在于：defaultValue 是只读属性（多数浏览器允许写但不保证行为一致），且一旦修改，就覆盖了原始 HTML 的 value 属性语义；更麻烦的是，它对受控组件（React/Vue）完全无效，还会干扰框架自身的状态管理。生产环境建议绕开这条路。
真正可靠的重置，永远取决于你明确知道“要回到哪一刻的状态”——然后亲手把它塞回去。别指望浏览器自动记住你中途改过的每一步。
