formaction 是 button/input[type="submit"] 的专属属性，用于临时覆盖表单 action，仅对被点击按钮生效；input 不支持 formmethod/formenctype，需用 button 实现；多按钮共存时各走对应路径，服务端应统一处理同构数据。
formaction 属性不是 form 的全局属性，而是 button/input 的专属行为
很多人误以为 formaction 可以写在 <form> 标签上，结果发现完全不生效。它只能用在类型为 submit 的 <button> 或 <input type="submit"> 元素上，作用是临时覆盖整个表单的 action，仅对当前按钮点击生效。
常见错误现象：<form formaction="/api/save"> —— 这段代码会被浏览器忽略，控制台无报错但毫无效果。
<button type="submit" formaction="/api/draft">存草稿</button><input type="submit" value="发布" formaction="/api/publish" />- 必须配合
type="submit"，type="button"不会触发表单提交，formaction无效
多个 submit 按钮共存时，只有被点击的那个触发其 formaction
这是关键机制：浏览器只读取**被点击按钮**的 formaction（如果存在），其他按钮的该属性完全不参与本次提交。不需要 JavaScript 干预，原生就支持。
使用场景：同一组字段，需要“保存草稿”“预览”“正式提交”三种后端路径，且不想拆成多个表单或写 JS 绑定。
立即学习“前端免费学习笔记（深入）”；
- 所有按钮共享同一个
<form action="/default">，这个action是兜底值，仅当没有按钮带formaction时才生效 - 若某个按钮没写
formaction，就走表单默认action - 服务器端无需额外识别按钮名——HTTP 请求的
POST地址本身已区分用途，更干净
注意 method 和 enctype 也会被单独继承，但无法用 formmethod/formenctype 覆盖 input 元素
formmethod 和 formenctype 是 button 元素支持的配套属性，但 <input type="submit"> **不支持**这两个属性。这是容易踩的坑：想让某个提交用 PUT 方法，却在 input 上写 formmethod="put"，结果还是 POST。
- ✅ 正确：
<button type="submit" formaction="/api/update" formmethod="put">更新</button> - ❌ 无效：
<input type="submit" value="更新" formaction="/api/update" formmethod="put" />（浏览器忽略formmethod） -
enctype同理，<button>支持formenctype，<input>不支持；文件上传必须用button+formenctype="multipart/form-data"
兼容性没问题，但服务端要能处理不同路径的同构数据结构
formaction 是 HTML5 标准属性，Chrome 12+、Firefox 4+、Safari 5.1+、Edge 全系都支持，无需 polyfill。
真正容易被忽略的是后端设计：三个按钮提交到不同 URL，但表单字段几乎一样（比如都有 title、content），服务端路由不能各自写一套解析逻辑。
- 建议统一用中间件或基类校验/解析公共字段，再按路径做差异化处理（如草稿不校验必填项）
- 避免在前端用 hidden 字段模拟路径选择，那反而增加冗余和出错概率
- 如果某路径需要额外参数（如
/api/publish?review=true），不要拼在formaction里——URL 编码易错，改用<input type="hidden" name="review" value="true">
