formaction属性仅对type="submit"或type="image"的元素生效，可覆盖表单默认action实现多路径提交，但不支持type="button"等非提交类型，且无法动态修改。
formaction 属性只在 type="submit" 按钮上生效
不是所有 <input> 都能用 formaction，它只对 type="submit"（或 type="image"）起作用。如果写成 <input type="button">，即使加了 formaction 也不会触发表单提交——浏览器直接忽略该属性。
常见错误现象：click 后页面没跳转、接口没发、控制台也没报错，只是“什么都没发生”。这是因为 type="button" 本就不参与表单提交流程。
- 必须用
<input type="submit" formaction="/api/save"> - 或者等价的
<button type="submit" formaction="/api/preview"></button> -
formmethod可选配，不写默认为GET；显式写formmethod="POST"才走 POST
多个 submit 按钮共存时，只有被点击的那个触发其 formaction
一个 <form></form> 里可以放多个带不同 formaction 的 type="submit" 按钮，点击哪个，就以哪个的 formaction 和 formmethod 提交，其他按钮的属性完全不参与本次提交。
注意：所有按钮共享同一份表单字段值（即 <form></form> 内所有可提交的 <input>、<select></select> 等），无法为不同按钮单独指定不同数据子集。
立即学习“前端免费学习笔记（深入）”；
示例：
<form action="/default" method="POST"> <input name="title" value="test"> <input type="submit" value="保存" formaction="/api/save" formmethod="POST"> <input type="submit" value="预览" formaction="/api/preview" formmethod="GET"> <input type="submit" value="删除" formaction="/api/delete" formmethod="POST"> </form>
点“预览”时，实际发出的是 GET /api/preview?title=test；点“删除”则是 POST /api/delete 并携带 title=test 的 body（取决于 enctype）。
formaction 会绕过 form 元素的 action 和 method
<form></form> 自身的 action 和 method 只是兜底方案：当没有任何 submit 按钮指定 formaction（或用户按回车提交）时才生效。只要某个按钮带 formaction，它就完全接管本次提交的目标地址和请求方法。
容易踩的坑：
- 误以为
formaction是“追加参数”，其实是“彻底替换提交地址” - 在
form上写了enctype="multipart/form-data"，但某个formaction指向的接口不支持文件上传——此时仍会按该 enctype 发送，后端收不到文件或报错 - 使用
formtarget="_blank"开新窗口时，若目标接口返回 HTML 页面没问题，但返回 JSON 就会在新标签页显示原始文本，体验突兀
不支持动态修改 formaction 的运行时行为
formaction 是静态 HTML 属性，浏览器在点击瞬间读取其值并发起请求，不支持 JS 运行时临时改写再提交（比如先 btn.formAction = '/api/dynamic' 再 btn.click()）。实测中，部分浏览器会忽略运行时设置，仍按原始 HTML 中写的值提交。
如果需要动态目标地址，正确做法是：去掉所有 formaction，用 JS 拦截 submit 事件，根据按钮 ID 或 data 属性决定最终 URL，再用 fetch 或 XMLHttpRequest 手动发请求，并自行收集表单数据（例如用 new FormData(form)）。
也就是说：formaction 适合固定路径的多操作场景；一旦路径需计算、鉴权、拼接参数或依赖异步结果，就得切到 JS 控制流。
