不会，button在表单外部默认为type="button"，不触发表单提交；若要提交，必须同时设置form属性和type="submit"，且form属性值需严格匹配目标form的id。
不会，除非你显式配置了 form 属性并设为 type="submit"。
button 在表单外部默认就是 type="button"
没写 type 的 <button> 在表单外时，浏览器不把它当提交按钮用——它既不收集字段，也不触发 submit 事件，更不会发请求。这种行为和 type="button" 完全一致，只是语义上没声明清楚，容易让人误判。
- 常见翻车：写了
<button onclick="showHelp()">帮助</button>放在<form>外面，结果点完页面刷新了——那说明它其实被意外包进了某个<form>里（比如嵌套结构没闭合、模板渲染出错） - 检查方法：用浏览器开发者工具选中按钮，看它是否在某个
<form>的 DOM 子树内；或者直接查button.type的值，是"button"还是"submit" - 别依赖“不在 form 里就安全”：有些框架（如 Vue 的
v-if或 React 的条件渲染）可能让 DOM 结构和预期不符，按钮实际位置可能和 HTML 看起来不一样
想让外部 button 提交表单？必须同时满足两个条件
form 属性只是“指路”，type="submit" 才是“引擎启动键”。漏掉任意一个，点击都静默失效。
-
form="myForm"必须严格匹配目标<form id="myForm">的id值：大小写敏感、不能有空格、不能以数字开头（例如id="1form"是非法的） -
type="submit"缺失是最常见错误——只写<button form="myForm">提交</button>，点击完全没反应 - 如果表单用了
required字段但当前不可见（比如动态切换的 tab），即使form和type都对，也会因校验失败而阻断提交
formaction 覆盖 action 的前提是 button 在提交链路上
formaction 不是万能跳转开关，它只在按钮真正参与表单提交时才生效——也就是说，必须是 type="submit"，且已通过 form 属性或物理位置绑定到某个 <form>。
立即学习“前端免费学习笔记（深入）”；
-
<button type="submit" form="myForm" formaction="/api/draft">存草稿</button>会发 POST 到/api/draft，无视<form action="/api/submit"> -
<button type="button" formaction="/xxx">—— 这个formaction完全被忽略，浏览器连解析都不解析 - 多个
type="submit"按钮可以共用一个form，各自formaction互不干扰，但要注意后端接口是否支持对应 method 和数据格式
最容易被忽略的是校验状态：哪怕 form、type、formaction 全对，只要表单里存在隐藏但 required 的字段，checkValidity() 就返回 false，原生提交就会卡住——此时你得要么移除冗余 required，要么改用 form.submit() 手动绕过校验（但会丢失 submit 事件监听）。
