formaction 是 button 或 input[type="submit"] 的属性，用于覆盖 form 的 action，仅对当前按钮生效；它只改变提交 URL，不改变 method 或 enctype，需配合 name/value 区分按钮行为，且表单字段仍全部提交。
formaction 是什么，和普通 action 有啥区别
formaction 是 <button> 或 <input type="submit"> 的专属属性，它会覆盖整个 <form> 的 action 属性，只对当前按钮生效。不是所有浏览器都支持老版本表单提交逻辑，但现代浏览器（Chrome 10+、Firefox 4+、Safari 5.1+）都已稳定支持。
- 普通
action在<form>标签上，是全局默认提交地址 -
formaction写在某个提交按钮上，点它就只走这个地址，其他按钮仍按<form>的action走 - 它不改变
method或enctype，除非你同时加formmethod或formenctype
多个提交按钮共存时怎么写才不冲突
关键不是“能不能”，而是“怎么让每个按钮提交到不同地址且参数不串”。常见错误是漏掉 name 和 value，导致后端收不到按钮标识。
- 每个
<button>必须带name和value，否则点击时不会把该按钮的值发过去 -
formaction只控制 URL，不控制发送哪些字段 —— 表单里所有可提交控件（input、select等）依然照常序列化提交 - 如果某按钮只想提交部分字段，得用 JS 手动构造请求，
formaction本身做不到“选择性提交”
<form action="/default"> <input name="query" value="test"> <button type="submit" name="action" value="search" formaction="/search">搜索</button> <button type="submit" name="action" value="export" formaction="/export?format=csv">导出 CSV</button> <button type="submit" name="action" value="pdf" formaction="/export?format=pdf">导出 PDF</button> </form>
点“导出 CSV”按钮，实际发出的是 GET 请求到 /export?format=csv&query=test&action=export —— 注意：URL 参数和表单字段会合并。
formaction 遇到 POST 表单时要注意什么
formaction 不改变请求方法，但你可以用 formmethod 显式指定。容易踩的坑是：以为加了 formaction 就自动切 POST，其实默认还是继承 <form> 的 method。
立即学习“前端免费学习笔记（深入）”；
- 如果
<form method="post">，所有带formaction的按钮默认也走 POST - 想某个按钮改用 GET？得显式写
formmethod="get" - 但注意：
formmethod="get"会把所有表单字段拼进 URL，可能超长或暴露敏感数据
<form method="post"> <input name="token" value="abc123"> <!-- 这个按钮仍走 POST，只是 URL 不同 --> <button type="submit" formaction="/api/delete" name="cmd" value="delete">删除</button> <!-- 这个按钮强制走 GET，token 会出现在 URL 里 --> <button type="submit" formaction="/status" formmethod="get" name="cmd" value="check">查状态</button> </form>
兼容性和调试技巧
IE10+ 支持 formaction，但 IE11 对 formmethod 和 formenctype 的解析有 bug（比如忽略 formmethod="post"）。如果必须支持旧 IE，得用 JS 绑定 click 事件 + form.action = xxx 动态改。
- 浏览器 DevTools 的 Network 标签页里，点按钮后看请求 URL 和 Method 是否符合预期
- 提交后跳转失败？检查
formaction值是否拼错，比如多写了空格或用了相对路径但上下文不对 - 后端收不到
name值？确认按钮是type="submit"，且没被 JSpreventDefault()拦住
真正麻烦的不是写法，而是后端要能区分不同 formaction 地址对应的业务逻辑，同时还要从同一组字段里提取出不同语义 —— 比如“搜索”和“导出”共用 query，但处理方式完全不同。
