button在form中不写type默认为submit，会触发表单提交；type="button"才真正静默；非法type值（如primary）会降级为submit；动态创建按钮必须显式设type="button"。
button在form里不写type就提交，不是bug是规范
浏览器严格按 W3C 规范执行：button 只要出现在 <form> 内且没写 type 属性，就等价于 type="submit"。它会收集字段、发请求、刷新页面——哪怕你只写了 <button>关闭</button>。
常见翻车现象包括：
- JS 的
onclick执行了，但紧接着页面白屏或跳转 - Network 面板看到一次空 POST/GET，URL 是当前页
- React/Vue 中状态更新被中断，控制台无报错，只丢上下文
type="button"才是唯一真正静默的按钮
type="button" 从 DOM 层面切断表单行为：不触发 submit、不冒泡到 form、不收集字段、不重置值。它只响应 click，完全交由 JS 控制。
必须手动绑定事件，否则点击无反应：
立即学习“前端免费学习笔记（深入）”；
-
onclick="doSomething()"或addEventListener('click', handler) -
form.addEventListener('submit', ...)对它完全无效 - 适合场景：模态框开关、AJAX 触发器、“清空搜索”“复制链接”等辅助操作
非法type值（如type="primary"）会悄悄降级为submit
浏览器只认 submit、reset、button 这三个合法值。其他任何字符串，比如：
type="click"type="primary"-
type=""（空字符串）
都会降级处理：<form> 内当作 type="submit"（意外提交），<form> 外当作 type="button"（静默，不报错）。这种降级掩盖语义错误，尤其在 SSR、低代码平台或框架动态渲染时最难排查。
动态生成的button最容易漏掉type声明
JS 创建按钮时若不显式设置 type，默认仍是 submit：
const form = document.querySelector('form');
const btn = document.createElement('button');
btn.textContent = '动态按钮';
btn.onclick = () => { console.log('点击了'); };
form.appendChild(btn); // ❌ 点击后表单仍提交
正确写法必须加一行：
btn.type = 'button'; // ✅ 必须显式赋值
另外要注意：移动端软键盘回车键默认触发表单内第一个 type="submit" 按钮，哪怕它视觉上藏在后面。所以表单里如果有多个按钮，务必检查顺序和 type 值，否则用户敲回车可能意外提交。
