现代浏览器（chrome、firefox、edge、safari）及ie10+均支持formaction属性，ie9及更早版本不支持；该属性仅对type="submit"生效，且受base标签影响可能导致url解析错误。
formaction 属性在哪些浏览器里能用
现代浏览器（Chrome、Firefox、Edge、Safari）全部支持 formaction，IE10+ 也支持，但 IE9 及更早版本完全不识别——如果你的项目还需兼容 IE9，就得 fallback 到 JavaScript 方案。检查方式很简单：在控制台执行 document.createElement('button').formAction !== undefined，返回 true 即支持。
submit 按钮必须是 type="submit"
formaction 只对 type="submit" 生效，type="button" 或没写 type 的按钮不会触发提交，哪怕加了 formaction 也没用。常见错误是写成：
<button formaction="/login">登录</button>
这实际等价于 type="button"，点击毫无反应。正确写法必须显式声明：
<button type="submit" formaction="/login">登录</button>
- 同理，
<input type="image">也支持formaction -
<input type="submit">同样支持，且无需额外设置type - 所有按钮共享同一组
name字段，无法靠formaction隔离字段范围
空 action 或相对路径时容易被 base 标签干扰
如果页面中存在 <base href="https://cdn.example.com/">，那么 formaction="api/login" 会被解析为 https://cdn.example.com/api/login，而 CDN 域名通常不处理 POST 请求，结果就是 404 或跨域失败，但 Network 面板里看不到 CORS 报错。
解决办法只有两个：
- 删掉或动态移除
<base>（不现实，尤其 CMS 场景） - 改用绝对 URL：
formaction="https://your-api.com/api/login"或以/开头的根路径：formaction="/api/login"
别用 ./api/login——部分浏览器会把它和 <base> 混合解析出非法路径，比如 https://cdn.example.com/./api/login。
后端怎么区分不同按钮的意图
formaction 只改地址，不自动带标识。如果多个按钮都提交到同一接口（比如都指向 /api/action），后端就无法知道用户点的是“保存”还是“删除”。必须手动加标识字段：
- 给每个按钮加
name="intent"和对应value：<button type="submit" formaction="/api/save" name="intent" value="save">保存</button> - 或统一用隐藏字段：
<input type="hidden" name="action" value="save">，配合 JS 切换值 - 避免只依赖 URL 路径判断，因为用户可能直接访问该地址，绕过表单上下文
最易忽略的一点：所有按钮提交时，整个 <form></form> 内的 name 字段都会被发送，哪怕某个按钮逻辑上只该发其中几个——真要差异化字段，只能拆表单或用 JS 控制 FormData。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
