formaction是button或input[type="submit"]的属性，用于覆盖form的action，实现单表单多提交目标；它仅对type="submit"控件生效，优先级高于form action，且不依赖JavaScript。
formaction 是什么，它和 action 有什么区别？
formaction 是 或 元素的属性，用来覆盖整个 的 action 属性，仅对当前按钮触发的提交生效。它不是 标签本身的属性。
这意味着：同一个表单里，不同提交按钮可以发往不同后端地址，无需 JavaScript，纯 HTML 就能实现多路径提交。
常见错误现象：formaction 写在 上无效（浏览器直接忽略），或者写了但没生效——大概率是用了 却忘了加 type="submit"。
使用场景包括：
- “保存草稿” 和 “发布文章” 按钮走不同接口
- “校验邮箱” 和 “跳过验证” 提交到不同路由
- 同一表单支持 JSON API（/api/submit）和传统 HTML 响应（/submit）
怎么写才真正生效？注意 type 和 button 语义
formaction 只在可提交的表单控件上起作用，且必须满足两个条件：
- 控件是
或 -
必须显式声明type="submit"（否则默认是type="button"，不触发表单提交）
容易踩的坑：
- 用
但没写type→ 点击无反应 - 在
上写formaction→ 完全无效 -
formaction值为空或相对路径错误（如formaction="api/"缺少 trailing slash 导致 404）
和 JavaScript 方案比，有什么实际限制？
formaction 是原生行为，不依赖 JS，但也有明确边界：
- 不支持动态拼接 URL（比如把用户输入塞进
formaction），因为它是静态 HTML 属性 - 无法修改
method或enctype—— 这两个仍由统一控制 - 所有按钮共用同一套表单字段，不能按按钮“只提交部分字段”（除非配合
formnovalidate+ 后端过滤，或用 JS 移除/禁用字段）
性能与兼容性：
- 所有现代浏览器（Chrome 10+、Firefox 4+、Safari 5.1+、Edge 12+）都支持
- 没有运行时开销，比监听 click +
fetch()更轻量 - 如果需要上传文件且指定
enctype="multipart/form-data"，formaction依然生效，但记得整个已设好该类型
formaction 能和 formmethod / formenctype 搭配用吗？
能，而且经常要一起用。例如发布操作需 POST + JSON，而预览只需 GET：
<button type="submit" formaction="/api/submit" formmethod="post" formenctype="application/json"> 发布（JSON 接口） </button> <p><button type="submit" formaction="/preview" formmethod="get"> 预览（GET 查询参数） </button></p>
关键点：
-
formmethod会覆盖的method，仅对该按钮生效 -
formenctype同理，但只对POST有效；GET提交无视它 - 错误写法：
formenctype配formmethod="get"→ 浏览器静默忽略formenctype
复杂点在于：一旦用了多个 form* 属性，就得确保每个按钮的语义自洽。比如一个按钮设了 formmethod="post" 却没设 formenctype，而 本身是 multipart/form-data，那它仍会以该编码提交——这点容易被忽略。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
