type="reset"未清空表单是因为它仅回退到html初始属性值（如value、checked），而非真正清空；例如重置后仍为“张三”，placeholder和js动态设置的值均无效，且不触发input/change事件，易导致框架状态与dom脱节。
type="reset" 为什么点了没清空？
它根本不是“清空”，而是回退到 HTML 加载时的 value、checked、selected 属性值。比如 <input value="张三">，点 reset 后还是“张三”；而 <input>（没写 value）才会变空。placeholder 不算初始值，JS 动态设置的 el.value = "新内容" 也不会被还原——reset 只认 attribute，不认 property。
form.reset() 和 type="reset" 的行为差异
两者行为完全一致：都只作用于原生表单控件（input、textarea、select、button），且都不触发 input 或 change 事件。常见错误是直接对 input 元素调用 reset()，会报错：TypeError: input.reset is not a function。必须确保调用对象是 form 元素，例如 document.querySelector('form').reset()。
React/Vue 里用 type="reset" 会出什么问题？
视图和状态立刻脱节。用户看到输入框空了，但组件内部 state 还是旧值，后续提交就发错数据。原因在于：form.reset() 不同步框架响应式数据，也不触发任何更新钩子。Ant Design 的 formRef.resetFields()、React 的 useState(initialValues) 才是正确路径。如果硬要用原生按钮，必须手动监听 reset 事件并同步 state，但不如一开始就不用。
真正需要“清空”时该怎么写？
改用 <button type="button"></button>，绑定 click 后手动遍历字段：
-
input/textarea：设el.value = '' -
checkbox/radio：设el.checked = false -
select：设el.selectedIndex = 0 -
file输入框：必须设el.value = ''（这是唯一能清掉已选文件的方式） - 第三方组件（如日期选择器、富文本）：调用其提供的清除方法，不能依赖 DOM 操作
还要加 confirm() 弹窗，因为原生 reset 无法拦截，点了就不可逆。最易被忽略的是：清空后要手动聚焦第一个字段、移除校验提示、重置 ARIA 状态——这些浏览器不会帮你做。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
