button type="reset"必须嵌在内才有效，它只重置最近父级form的初始值（如value、checked、selected等html属性值），而非清空；脱离form或js动态修改后需手动遍历清空。
button type="reset" 必须嵌在 <form></form> 里才有效
直接把 <button type="reset"></button> 放在页面任意位置，它不会触发任何重置行为——浏览器只认它是“表单重置按钮”，且只对最近的父级 <form></form> 生效。常见错误是把它丢在 <div> 或表单外层容器中，点一下毫无反应。
<p>实操建议：</p>
<ul><li>确保该按钮是 <code><form></form> 的后代元素（哪怕嵌套多层，比如在 <fieldset></fieldset> 或 <div class="controls"> 里都行）
<li>不要依赖“视觉上靠近”：DOM 层级不匹配，再近也没用</li>
<li>多个表单共存时，每个 <code><button type="reset"></button> 只影响其最近的 <form></form>，不会跨作用域
reset 不是“清空”，而是“还原到 HTML 初始值”
type="reset" 按钮或 form.reset() 方法的行为本质是恢复控件的初始 DOM 状态，不是强制设为空字符串。这意味着：
-
<input name="email" value="user@domain.com">→ 重置后显示user@domain.com，不是空 -
<textarea name="bio">默认介绍</textarea>→ 重置后仍为“默认介绍” -
<input type="checkbox" name="agree" checked>→ 重置后保持勾选；若没写checked，则取消勾选 -
<select name="city"><option value="sh">上海</option> <option value="bj" selected>北京</option></select>→ 重置后选中“北京”
如果你要的是“全部变空”，就得显式写 value=""、删掉 checked、移除 selected，否则 reset 会忠实地回到你写的那个“初始值”。
JS 动态修改后 reset 失效的典型原因
一旦用 JS 修改过字段值（比如 input.value = 'xxx' 或通过框架绑定），原生 reset 就大概率失效——它只读取 HTML 属性快照，不关心当前 DOM 值是否被 JS 覆盖。
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
常见失效场景：
- React/Vue 中使用受控组件：
reset()只改 DOM，不更新组件 state，界面看起来“没动” - 富文本编辑器（如 TinyMCE）、日期选择器（如 flatpickr）等第三方控件，
reset()完全不触碰它们的内部状态 - 动态插入的字段（
form.appendChild(document.createElement('input'))）没有初始属性，reset()直接忽略 - 表单里混用
value属性和 JS 赋值：属性没同步更新，reset 就回退到旧值甚至空载状态
此时必须手动遍历清空，或调用对应插件的 API（如 editor.setContent('')）。
手动清空比 reset() 更可控，但要注意类型差异
当需要真正“一键变空”，绕过初始值限制时，用 JS 遍历并逐个设值是最稳妥的方式。关键不是“统一设 value = ''”，而是按控件类型分别处理：
-
input.type === 'checkbox'或'radio'→ 设el.checked = false（设value没用） -
el.tagName === 'SELECT'→ 单选设el.selectedIndex = -1；多选需遍历el.options，逐个设option.selected = false -
textarea→ 设el.value = ''（textContent也可，但value更一致） -
input.type === 'file'→ 必须设el.value = ''，仅靠reset()在部分浏览器中可能残留文件名提示 - 跳过
type="hidden"、type="submit"、type="reset"等非用户输入控件（除非业务明确要求清）
别用 innerHTML = '' 清表单——会销毁所有事件监听器和框架绑定，导致后续交互完全失灵。
