button在form内未声明type时默认为submit，现代浏览器均按此规范执行，ie例外默认为button；回车键触发表单内第一个type="submit"按钮的提交行为，与点击无关。

button在form内没写type时默认是submit

所有现代浏览器（Chrome、Firefox、Safari、Edge）在

标签内部遇到未声明type的<button></button>，一律按type="submit"处理——点一下就触发表单提交，页面刷新或跳转，不是bug，是W3C规范强制行为。IE是个例外，默认为type="button"，但这反而制造兼容性陷阱：本地用IE测不出问题，上线后在Chrome里立刻翻车。

回车键触发提交跟哪个按钮有关

用户在任意<input>中按回车，浏览器会查找表单内**第一个**type="submit"的按钮（包括没写type的），并触发它的提交逻辑。不是“你点了谁”，而是“DOM顺序里谁排第一”。常见翻车场景：

Doc To HTML

使用 MinerU 文档处理引擎将 Word 文档（.doc、.docx）转换为保留结构和格式的干净 HTML。

下载

• <form> <input name="q"><button>搜索</button><button>清空</button> </form>：回车会提交，哪怕你只想点“清空”
• React/Vue动态渲染的<button></button>漏传type，DOM里实际没生成type属性，照样被当submit
• 写了onclick="e.preventDefault()"但页面还是刷新：因为回车根本不会触发click事件，只走submit链路

type="button"才是真静默，别信其他写法

type="button"让按钮彻底退出表单生命周期：不收集字段、不响应submit、不参与回车映射、JS失效时也不会误提交。而这些写法全是坑：

• type=""或type="click"：所有主流浏览器（含IE11）在<form></form>内一律降级为submit
• type="primary"这类UI语义值：非法，等同于没写type，浏览器照常当submit
• 只靠e.preventDefault()绑在按钮上：拦不住submit，必须监听<form></form>的submit事件并在首行调用

检查和修复必须落到真实DOM上

框架模板、SSR、低代码平台常在渲染时漏掉type，导致JS逻辑看似正常，DOM里却没这个属性。修复前务必打开开发者工具，选中按钮，在属性面板确认：type是否真实存在且值为"button"。如果没显示该属性，说明没写；如果显示type="submit"，说明值错了或被错误注入。最稳妥的做法是：所有非提交按钮，统一显式写<button type="button"></button>——哪怕它当前不在<form></form>里，也防后续重构漏改。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！