formaction会完全接管提交地址，仅对type="submit"元素生效，点击时彻底忽略form的action、method、enctype；常见错误包括type非submit、相对路径解析异常、JS阻止默认行为导致绕过formaction。
formaction 会完全接管提交地址，但只对 type="submit" 生效
只要 input 或 button 的 type 是 submit，且设置了 formaction，点击它时浏览器就彻底忽略 <form action="..."></form>，直接发请求到 formaction 指定的 URL。这不是“覆盖”，而是“取代”——原表单的 action、method、enctype 全部失效。
常见错误包括：
-
<input type="button" formaction="/save">——type="button"不触发表单提交，formaction被静默忽略 -
<button formaction="/save">保存</button>—— 缺少type="submit"，行为等同于type="button" -
<input type="submit" formaction="save.php">—— 相对路径没加./，在深层目录下可能解析错（如页面在/admin/edit.html，save.php会被找成/admin/save.php，而非预期的根目录）
多个 submit 按钮共存时，formaction 不会冲突，但 JS 干预会绕过它
一个 <form></form> 里放多个 type="submit" 按钮，各自带不同 formaction，是合法且安全的。浏览器只认你点的那个按钮的 formaction 和 formmethod，不会合并或叠加。
真正容易出问题的是 JS：
- 给按钮加
onclick="event.preventDefault(); form.submit();"—— 这会跳过所有formaction，强制走<form action="..."></form> - 用 CSS 隐藏按钮再调
btn.click()—— 触发的 submit 事件不携带该按钮的formaction，等效于手动调form.submit() - 监听
form.onsubmit并preventDefault()—— 同样切断原生行为，formaction失效
想保留 formaction 行为，就别阻止默认提交；要干预逻辑，改用 fetch() 手动发请求，并把表单字段序列化进去。
formaction 值写相对路径时，Safari 15.0–15.3 有解析 bug
在 Safari 15.0 到 15.3 中，如果 <form></form> 的 action 是空值（action=""）或 "#"，而按钮的 formaction 是相对路径（如 ./api/submit），浏览器可能错误地解析成根路径（https://site.com/api/submit 被当成 https://site.com/）。
实操建议：
- 避免在 Safari 15.0–15.3 环境下混用
action=""和相对formaction - 统一用绝对路径：如
formaction="/api/submit"或formaction="https://api.example.com/v1/submit" - 服务端不要依赖提交 URL 做权限判断——
formaction完全由前端控制，无任何安全约束
调试 formaction 不生效，先查这三件事
点了按钮却提交到了表单默认地址，不是浏览器不支持，而是链路断了：
- 按钮不在任何
<form></form>内，且没用form="form-id"显式绑定 → 浏览器根本不知道它属于哪个表单 - 按钮写了
form="xxx"，但页面里没有id="xxx"的<form></form>→ 绑定失败，退回到无表单状态 -
formaction值拼写错误，比如写成formAction（大小写敏感）或action（漏了form-前缀）
最稳的验证方式：打开 DevTools 的 Network 面板，点按钮，看发出的请求 URL 是不是你写的 formaction 值——不是，就回去检查上面三点。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
