未声明type的button在ie中默认为button，其他浏览器在form内默认为submit，行为不一致；必须显式写type="button"才能可靠防提交，且所有现代浏览器均支持该写法。
IE里
IE（包括旧版Edge）对未声明type的<button></button>默认按type="button"处理，而Chrome/Firefox/Safari/现代Edge在<form></form>内一律当type="submit"。这不是IE“更安全”，而是规范未统一导致的兼容性裂缝——你本地用IE测试通过，上线后在Chrome里就提交翻车。
防自动提交必须显式写type="button"，不能靠JS拦截
有人给<button onclick="doSomething()"></button>加event.preventDefault()，这在IE里可能凑效，但在其他浏览器中根本拦不住：因为onclick触发时，原生submit行为已经启动，页面跳转或刷新会中断JS执行。真正可靠的解法是从源头切断语义：
-
type="button"让按钮彻底退出表单生命周期，不触发submit、不收集字段、不响应回车键 - 所有现代浏览器（含IE11及Edge Legacy）都支持该写法，无需polyfill
- React/Vue等框架渲染的
<button></button>同样适用——框架不会覆盖HTML原生type语义
别用type=""或type="click"“凑合”
写type=""、type="primary"、type="click"看似省事，实则危险：
- 在
<form></form>内，这些非法值会被所有主流浏览器（包括IE11）降级为type="submit" - 在
<form></form>外，它们才被当作type="button"，但这种条件依赖极易漏判 - SSR模板或低代码平台动态生成按钮时，这类写法最容易引发线上误提交
检查和修复要落到DOM层面，别只看JS逻辑
翻车常发生在“按钮有onclick，但页面还是刷新了”这种场景。这时别急着改JS，先打开开发者工具选中按钮，看属性面板里type是否真实存在且值为button：
- 没显示
type属性？说明没写，浏览器按默认规则处理 - 显示
type="submit"？说明写了但值错了，或者被框架/模板错误注入 - 注意：DOM里不会自动补全
type，必须手写；引号可省略（type=button），但HTML5推荐带引号（type="button"）
最易被忽略的是嵌套在表单里的辅助按钮——比如搜索框旁的“清空”、模态框里的“关闭”，它们本不该参与提交，却因漏写type="button"成了隐形炸弹。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
