type="reset"仅重置有name属性且初始值由HTML属性（value/checked/selected）设定的字段；忽略JS动态设置的值、无name字段、textarea标签内文本及JS修改的defaultValue。
type="reset" 会重置哪些字段
type="reset 按钮只重置表单内 有 name 属性 且 初始值由 HTML 属性（如 value、checked、selected）设定 的控件。它不读取 JavaScript 动态设置的 value 或 checked 状态，也不重置通过 JS 修改过的 defaultValue。
常见被重置的字段包括：<input type="text" name="user" value="默认名">、<input type="checkbox" name="agree" checked>、<select name="city"><option selected>北京</option></select>。
以下情况不会被重置：
- 没有
name的input（哪怕写了value） -
value是 JS 赋值的（例如el.value = "新值"后再点 reset） -
<textarea></textarea>内容是写在标签体里的（<textarea>初始文本</textarea>），但未设value属性 —— 此时 reset 无效
reset 按钮和 form.reset() 方法行为一致吗
基本一致，但有细微差别：form.reset() 是 JS 接口，触发的是原生重置逻辑；而 <input type="reset"> 本质是调用所在 <form></form> 的 reset() 方法，并额外触发一次 click 和 reset 事件。
立即学习“前端免费学习笔记（深入）”；
关键点：
将 Markdown 文章转换为微信公众号兼容的纯 HTML 格式。当用户要求"转成微信格式"、"生成公众号文章 HTML"、"排版到微信草稿箱"、"微信粘贴格式"时触发。输出带内联样式的纯 HTML，微信编辑器可直接渲染，无需额外适配。支持标题、段落、列表、粗体、行内代码、表格、引用块、代码块、配图的完整转换。
- 两者都忽略 JS 对
defaultValue的修改 —— 即使你执行了input.defaultValue = "新默认值"，reset 仍按 HTML 初始属性还原 - 如果表单里有多个
type="reset"按钮，每个点击都调用同一份重置逻辑，无优先级 -
form.reset()可以在 JS 中条件触发（比如确认弹窗后才执行），type="reset"则无法拦截或取消（除非event.preventDefault()在 click 阶段，但会同时阻止重置）
为什么点了 reset 按钮但某些字段没变
最常见原因是字段缺失 name 属性，或者初始值不是靠 HTML 属性声明的。比如：
<input type="text" id="email"> <!-- 无 name，reset 无视 --> <input type="text" name="email"> <!-- 无 value，初始为空字符串，reset 后仍是空 --> <input type="text" name="email"><script>el.value = "test@ex.com";</script> <!-- JS 赋值，reset 不回退 -->
另一个易忽略点：<input type="hidden"> 如果有 name 和 value，也会被重置 —— 这可能影响后续提交逻辑，需留意。
调试建议：
- 检查目标元素是否有
name，且该name在整个表单中唯一（重复name可能导致行为不可预测） - 用浏览器开发者工具查看元素的
value和defaultValue是否一致；不一致说明 JS 改过，reset 就不会还原它 - 对
<select multiple></select>，只有带selected的<option></option>才算“初始选中”，JS 添加的selected属性不会被 reset 认作初始状态
替代 reset 的更可控方案
真要精确控制重置行为，别依赖 type="reset"。直接用 JS 显式赋值更可靠：
document.querySelector('button[data-action="reset"]').addEventListener('click', () => {
const form = document.getElementById('myForm');
form.querySelector('[name="username"]').value = 'admin';
form.querySelector('[name="level"]').value = 'basic';
form.querySelector('[name="notify"]').checked = true;
});这样做的好处：
- 绕过
defaultValue机制，完全按你定义的“默认”来 - 可结合 localStorage 恢复上次填写的值，而非硬编码 HTML 初始值
- 能跳过某些字段（比如隐藏域或时间戳字段），避免误重置
注意：如果表单用了框架（如 React、Vue），它们通常接管了表单状态，type="reset" 基本失效，必须走框架的 state 重置逻辑 —— 这时候 HTML 的 reset 按钮只剩视觉意义，实际功能得另写。
