重置按钮仅还原表单到初始html属性值，不响应javascript修改；应优先使用form.reset()并监听reset事件清理自定义状态，彻底清空需手动遍历赋值。
重置按钮不会清空所有表单状态，尤其是动态修改过的值、通过 JavaScript 设置的 value 或 checked 状态，它只还原到页面初始加载时的 HTML 属性值。
为什么 <input type="reset"> 有时不生效
常见现象：点击后文本框没变空、复选框仍被勾选、select 选项没回到默认项。根本原因是浏览器只回退到 DOM 初始化时的 value、checked、selected 属性值，而非当前 JS 修改后的“实际值”。
- 如果用 JS 执行过
input.value = "新内容"，但没改input.setAttribute('value', '新内容')，重置会丢弃该修改 -
<input checked>和<input checked>效果一致，但若 JS 设置el.checked = false后再点重置，它仍会按原始 HTML 的checked属性恢复 -
textarea的初始值由标签体决定（如<textarea>默认文本</textarea>），重置只恢复这个文本，不是value属性
用 form.reset() 替代原生按钮更可控
调用 JS 方法比依赖原生按钮更可靠，尤其在混合使用 JS 更新表单的场景下。它触发标准重置行为，且可配合事件监听做清理。
- 必须在
form元素上调用，不能对单个控件调用reset() - 会触发
reset事件，可在其中补充逻辑，比如清空富文本编辑器内容：form.addEventListener('reset', () => { editor.setContent(''); }); - 注意：它不会重置自定义属性或组件内部状态（如 React 的
useState），需手动同步
需要完全清空？绕过 reset 行为直接赋值
当目标是“彻底清空”，而非“还原初始状态”，就别依赖 reset —— 直接遍历控件设默认值更明确。
- 文本类（
input[type="text"]、textarea）设el.value = '' - 复选/单选：设
el.checked = false（注意区分radio组，需逐个处理） -
select：设el.selectedIndex = 0或匹配el.options[0].value，避免因disabled选项导致索引错位 - 记得跳过
type="hidden"或禁用控件（el.disabled === true），除非业务明确要清
最易被忽略的是：表单里混用原生控件和第三方组件（如日期选择器、标签输入框）时，reset 对它们完全无效——这些组件通常靠自己的 API 控制状态，得单独调用其 clear() 或 setDate(null) 类方法。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
