reset() 仅对原生表单内合法控件生效，需确保表单结构正确、按钮 type="button"、手动清空动态字段并注意初始 value 属性影响。
点击按钮触发 reset() 时表单没清空？检查是否用了 <button></button> 而非 <input type="reset">
原生 reset() 方法只对 <form></form> 元素有效，且必须确保调用对象是该表单本身。常见错误是给普通 <button></button> 绑定点击事件后直接调用 form.reset()，但忘了获取正确的表单引用或表单结构不合法（比如文本框不在 <form></form> 内）。
正确做法是：确保所有 <input type="text">、<textarea></textarea> 等都在同一个 <form></form> 标签下，并通过 document.querySelector('form') 或带 id 的方式精准获取。
- 不要写
<button onclick="this.form.reset()"></button>——this是 button，不一定有form属性（尤其脱离表单时会报Cannot read property 'reset' of undefined） - 推荐写法：
<button type="button" onclick="document.getElementById('myForm').reset()">清空</button> -
<input type="reset">最省事，但样式和行为不可定制；若需自定义文案/图标/逻辑，必须用 JS 调用reset()
reset() 不重置 value 属性设置过的初始值？那是 DOM 属性和 HTML 属性混淆了
reset() 恢复的是 HTML 中写的初始 value（即页面加载时的 value="xxx"），不是 JS 后续通过 el.value = 'yyy' 设置的值。如果文本框初始为空但用户输过内容，reset() 能清空；但如果代码里写了 input.value = 'default'，再点 reset 就会回到 'default'，而不是空。
- 想让 reset 总是清空到空字符串？改用
input.setAttribute('value', '')初始化，或在 reset 前手动设空：form.querySelectorAll('input, textarea').forEach(el => el.value = '') -
reset()不影响disabled、checked状态，只管可编辑控件的value和checked/selected属性 - 动态生成的输入框（如 Vue/React 渲染）不在原始 HTML 中，
reset()对它们无效，必须手动清空
用 type="button" 触发 reset 时，防止误提交：别漏掉 type="button"
默认 <button></button> 在表单内是 type="submit"，点它会先触发 reset() 再提交表单——结果就是刚清空又刷新或跳转。这是最隐蔽的“清空失败”原因。
- 务必显式写
<button type="button" onclick="..."></button> - 如果用事件监听，也要在回调里加
event.preventDefault()，尤其当 button 在 form 内时 - 验证是否生效：右键检查按钮元素，确认
type属性确实是"button"，不是缺失或为"submit"
复杂表单中部分字段不想被 reset？没有原生支持，得手动干预
reset() 是全量操作，无法跳过某些字段。如果表单里混着搜索条件、筛选项、或需要保留的 token 字段，硬调用 reset() 会把不该清的也清了。
- 方案一：提前备份关键字段值，
reset()后再恢复：const keep = { token: inputToken.value }; form.reset(); inputToken.value = keep.token; - 方案二：放弃
reset()，改用遍历清空：form.querySelectorAll('input:not([data-keep]), textarea:not([data-keep])').forEach(el => el.value = '') - 注意：禁用字段（
disabled）不会被reset()修改，但只靠禁用不保险——用户可能用 DevTools 改开，所以逻辑上仍要控制
reset() 能跨表单、能清动态字段、能绕过 HTML 初始值——它很老实，只认写死的 markup 和标准表单规则。
