formaction属性直接覆盖表单action，仅对type="submit"的button或input生效，需按钮属于表单（内部或通过form属性绑定），支持相对/绝对url，且优先级最高。
formaction 属性直接覆盖表单 action
只要按钮是 <button type="submit"></button> 或 <input type="submit">，加上 formaction 属性，点击它就会无视 <form action="..."></form>，直接提交到你写的地址——这是 HTML5 原生行为，不用 JS。
常见错误是写成 action="/api/save"（漏了 form- 前缀），或者把按钮放在 <form></form> 外面又没用 form="form-id" 关联，结果属性完全不生效。
-
formaction值支持相对路径（如./api/draft）、根路径（如/api/publish）、完整 URL（如https://api.example.com/submit） - 按钮必须属于某个表单：要么在
<form></form>标签内部，要么通过form="target-form-id"显式绑定 - 多个 submit 按钮共存时，每个的
formaction互不影响，浏览器只认你点的那个
formmethod 和 formenctype 要配齐才能发对请求
formaction 只改地址，不改请求方法或数据编码方式。如果后端接口要求 POST + multipart/form-data，但表单默认是 GET 或 application/x-www-form-urlencoded，光写 formaction 就会失败。
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
- 上传文件必须加
formmethod="post" formenctype="multipart/form-data" - 想用 GET 查搜索结果，但表单默认是 POST？加
formmethod="get" -
formmethod和formenctype必须和formaction写在同一个按钮上，否则无效
Safari 15.0–15.3 的相对路径解析 bug
在 Safari 15.0 到 15.3 中，如果 <form></form> 的 action 是空、"#" 或缺失，而按钮用了相对 formaction（比如 formaction="./api/save"），浏览器可能错误解析为根路径 https://site.com/，导致 404。
- 规避方法：统一用绝对路径，如
formaction="/api/save" - 不要依赖
<form action="#"></form>来“占位”，它在旧 Safari 下会干扰formaction - Chrome/Firefox/Edge/Safari 15.4+ 都没问题，问题仅限特定 Safari 小版本
别用 JS 的 form.submit() 破坏 formaction
如果你给 submit 按钮绑了 onclick，并在里面调用 event.preventDefault(); form.submit();，那 formaction 就彻底失效——form.submit() 强制走表单原始 action 和 method。
- 想保留
formaction行为，就别阻止默认提交，也不手动调form.submit() - 需要校验逻辑？用
form.addEventListener("submit", handler)，并在 handler 里根据按钮event.submitter判断是否放行 - 要完全控制请求？放弃
formaction，改用fetch()手动发，此时按钮的name和value仍可读取用于区分操作意图
最容易被忽略的是：formaction 不触发 form.onsubmit 里的自定义逻辑，也不携带按钮的 formtarget 或 formnovalidate 到提交流程中——它只管地址和基础请求配置。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
