reset按钮需位于form内才生效，仅还原HTML初始值而非清空；文件输入等需JS手动清空，推荐用<button type="reset">统一文案并显式声明type。
点击 reset 按钮后表单没清空？检查是否用了独立 <input type="reset">
单独写一个 <input type="reset"> 不会自动绑定到任意表单，它必须是某个 <form> 元素的**后代节点**。如果把它放在 <form> 外面，点击毫无反应。
- ✅ 正确写法：
<form>...<input type="reset"></form> - ❌ 错误写法：
<form>...</form><input type="reset">（脱离表单上下文） - ⚠️ 注意：多个
<form>嵌套时，reset按钮只重置其最近的父<form>
reset 按钮只还原「初始值」，不是清空所有内容
它不会把 <input value="xxx"> 变成空，而是恢复成页面加载时 DOM 中的 value 属性值；对 <textarea> 和 <select> 同理——只回退到 HTML 中写的默认内容或 selected 状态。
- 如果用 JS 动态改过
input.value，reset仍按原始value属性还原，不是当前 JS 值 -
<input value="">初始为空 → 点 reset 后为空；但<input>（无 value 属性）→ 点 reset 后也为空，行为一致 -
<textarea>hello</textarea>→ reset 后变回 "hello"；<textarea></textarea>→ reset 后为空字符串
想清空而非还原？别用 type="reset"，改用 JS 手动清空
当需要「彻底清空」（比如清掉用户输入、移除勾选、重置文件上传框），reset 按钮做不到——文件输入框 <input type="file"> 即使有初始值，reset 也无法清空已选文件（这是浏览器安全限制）。
- 替代方案：给按钮加
type="button"，绑定 click 事件，手动设input.value = ''、checkbox.checked = false、fileInput.value = '' -
form.reset()方法行为和type="reset"完全一致，同样无法清空 file 输入 - 若需保留部分字段（如隐藏域、token），reset 会一并还原，此时必须用 JS 精细控制
兼容性和样式注意点：按钮默认文字不可靠
不同浏览器对 <input type="reset"> 的默认文案不同（中文 Chrome 显示“重置”，Firefox 可能显示“重设”，旧版 IE 可能英文），且无法用 ::after 伪元素修改文字。
- 统一文案建议：用
<button type="reset">重置</button>，可自由写文本、加图标、套 CSS 类 -
<button>在表单内默认就是type="submit"，务必显式写type="reset"，否则点一下就提交了 - 某些 CSS 重置库（如 normalize.css）可能影响
input[type="reset"]的边框/背景，建议用button更可控
type="reset" 很容易漏掉边界情况。 
