formaction 属性仅对 type="submit" 的按钮生效，type="button" 或未声明 type 的按钮会忽略它；必须写在触发提交的元素上，且按钮在表单外时需用 form 属性关联；多 submit 按钮可分别指定 formaction 实现路由控制；JS 阻止默认提交会使 formaction 失效，推荐通过 event.submitter 读取并手动 fetch；IE10/11 对跨表单 formaction 支持不佳，需避免或降级；服务端需额外传参（如 name/value）区分操作意图。
formaction 属性为什么没生效
常见情况是按钮写了 formaction，但表单依然提交到 <form> 的 action 地址。根本原因是：只有 type="submit" 的按钮（或输入框）才响应 formaction；type="button" 或没声明 type 的按钮完全忽略它。
实操建议：
- 显式写
type="submit"，别依赖浏览器默认值（某些浏览器对无type的<button>默认为submit，但不可靠） -
formaction必须写在触发提交的元素上，不能写在<form>或其他非提交控件上 - 如果按钮在
<form>外，需用form属性关联表单 ID，否则formaction无效
多个 submit 按钮共存时如何区分提交地址
一个表单里放多个 type="submit" 按钮，各自指定不同 formaction 是最直接的路由控制方式。浏览器原生支持，无需 JS 干预。
示例场景：编辑页中“保存草稿”和“发布文章”两个操作，后端接口不同：
立即学习“前端免费学习笔记（深入）”；
<form id="post-form"> <input name="title"> <button type="submit" formaction="/api/drafts">保存草稿</button> <button type="submit" formaction="/api/posts" formmethod="POST">发布</button> </form>
注意点：
-
formmethod可单独设置（如覆盖表单默认method），常与formaction配合使用 - 服务端需识别不同 endpoint 的请求体结构，
formaction不改变字段名或编码方式 - 若用
fetch或axios拦截提交，会绕过formaction，此时需手动读取按钮属性
formaction 和 JavaScript 提交冲突怎么办
给表单绑定 submit 事件并调用 event.preventDefault() 后，formaction 就失效了——因为原生提交流程被阻断。
想保留 formaction 的语义又需要 JS 控制，有两种解法：
- 不阻止默认行为，改用
submit事件中读取event.submitter，提取其formAction和formMethod属性，再用fetch手动提交 - 完全放弃
formaction，把地址存在data-action属性里，JS 统一处理，更可控但失去原生 fallback
推荐第一种，兼容性好且语义清晰：
document.getElementById('post-form').addEventListener('submit', e => {
const btn = e.submitter;
if (btn && btn.formAction) {
e.preventDefault();
fetch(btn.formAction, {
method: btn.formMethod || 'GET',
body: new FormData(e.target)
});
}
});
IE 和旧版 Safari 对 formaction 的支持边界
formaction 是 HTML5 属性，IE10+、Safari 5.1+ 开始支持，但 IE10/11 有 bug：当按钮不在 <form> 内部、仅靠 form 属性关联时，formaction 被忽略。
实际应对策略：
- 避免在 IE 中依赖跨表单的
formaction，把按钮放进<form>内部 - 用
Modernizr.input.formaction检测支持性，降级为 hidden input + JS 切换 action - 移动端基本不用考虑兼容问题，但微信内置浏览器早期版本（X5 内核 3.7.x）曾有解析异常，建议加简单测试
真正容易被忽略的是：服务器收到请求时，无法从 HTTP 请求本身判断用户点的是哪个按钮——formaction 只影响提交地址，不自动附带按钮标识。需要额外传参（比如 <button name="intent" value="publish">）才能区分操作意图。
