type="reset"本质是还原而非清空，它将表单字段值恢复为页面加载时html中定义的初始状态；name缺失、js动态赋值、textarea内容写在标签体内等会导致重置失效；checkbox/radio/select需显式属性才可重置；file输入框和动态添加字段无法被reset清除。
type="reset" 本质是还原，不是清空
点击 <input type="reset"> 不会把输入框变成空，它只负责把每个字段的值“倒带”到页面刚加载完时的 HTML 属性状态。比如 <input name="phone" value="13800138000"> 点重置后还是 "13800138000"；而 <input name="phone">（没写 value）点重置后才是空字符串。
为什么 input 没清空？检查这三件事
常见“点了没反应”的真实原因：
-
name属性缺失 —— 没name的<input>不会被reset触及 -
value是 JS 动态赋的 —— 例如el.value = "xxx"后，reset仍按原始 HTML 的value属性还原，不是当前 JS 值 -
<textarea></textarea>内容写在标签体里 ——<textarea>hello</textarea>重置后变回"hello"；要清空，得写成<textarea value=""></textarea>（虽然语义别扭，但有效）
checkbox、radio、select 怎么才算“可重置”
这些控件依赖显式属性才能被 reset 控制：
-
<input type="checkbox" name="agree">→ 永远不会被重置，因为没checked属性 -
<input type="checkbox" name="agree" checked>→ 点重置后取消勾选（还原为未 checked 状态） -
<select name="city"><option value="sh">上海</option> <option value="bj" selected>北京</option></select>→ 重置后固定选中“北京” -
<select multiple></select>要清空所有选项，必须确保每个<option></option>都没selected属性，否则reset只还原那些带selected的初始状态
file 输入框和动态字段根本不能靠 reset
<input type="file"> 是浏览器安全限制，无论怎么写 value="" 或调用 form.reset()，都无法清除已选文件 —— 必须手动设 el.value = ""。
JS 动态插入的字段，比如 form.appendChild(document.createElement("input"))，因为没有 HTML 初始状态，reset 完全无视它们。
React/Vue 等框架里的受控组件，reset 只改 DOM，不触发 state 更新，视觉上可能“没变”，实际是 DOM 和框架状态脱节了。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
