button在form内不写type属性时默认为submit，会触发表单提交，这是w3c规范定义的行为；必须显式声明type="button"才能避免提交。
button在form内不写type会触发submit事件
会，而且是所有现代浏览器（Chrome/Firefox/Safari/Edge）统一行为，不是bug，是W3C规范强制定义的。只要
常见翻车现场：<form><button onclick="showHelp()">帮助</button></form>，你以为只弹个提示框，结果弹完页面就白了；React里写了onClick，但原生submit已先完成，组件状态直接被刷掉。
- 这个行为与按钮内容无关，哪怕写着“取消”“关闭”“重置”，只要没显式写
type="button"，它就是提交按钮 - DOM中不会自动补全
type属性，开发者工具里查不到，得靠规范理解其实际语义 - 某些低代码平台或模板引擎生成的按钮，默认不注入
type，上线后才暴露问题
type="button"才是非提交按钮的唯一安全写法
想让按钮只响应click、不参与任何表单流程，必须显式写type="button"。它不触发submit事件，不冒泡到form，不收集字段，也不重置值——纯静默。
别指望用event.preventDefault()兜底：你在按钮上监听click并调用preventDefault()，拦不住原生submit行为；真正要阻止提交，得在form上监听submit事件并调用preventDefault()。但语义上写错，就等于把门开着等风来。
- 模态框关闭按钮、Tab切换、复制文本、AJAX触发器，一律用
type="button" - 框架（React/Vue）不会帮你补
type，JSX里写<button onclick="{...}"></button>，渲染出来仍是type="submit"（如果在form内） - 检查方法：DevTools里选中按钮，看Attributes有没有
type；没有，就等于submit
非法type值（如type=""或type="click"）会被降级为submit
浏览器只认submit、reset、button三个合法值。其他任何值，包括空字符串type=""、type="primary"、type="click"，都会被降级处理：
- 在
form内部 → 当作type="submit"，照样提交 - 在
form外部 → 当作type="button"，看似安全，但掩盖了语义错误 - 这种降级不可靠，尤其在SSR或动态插入按钮时更难排查
最常被忽略的是「按钮是否在form标签内部」——哪怕只是祖辈级嵌套（比如form > div > section > button），也会继承默认行为。
name属性在type="submit"时才参与表单序列化
name不是装饰，它决定后端能不能收到值。只有type="submit"按钮被点击时，它的name和value才会作为键值对发往服务器。
比如<button name="action" value="delete">删除</button>，提交后后端收到的就是action=delete。而type="button"的name完全不参与表单提交，仅可用于JS查找或可访问性标注。
复杂点在于：表单提交是原子操作，一旦触发，JS上下文可能中断；很多“报错找不到form”的问题，其实是因为按钮没加type="button"，页面已跳走，后续JS执行环境已不存在。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
