formaction属性仅对<button type="submit">和<input type="submit">生效，必须关联表单（位于<form>内或通过form="id"显式绑定），值支持相对路径、绝对路径或完整URL；若按钮未设formaction，则回退使用表单默认action。
formaction 属性怎么写才生效
formaction 只对 <button> 和 <input type="submit"> 生效，且必须和 form 元素共存——它不会覆盖表单本身的 action，而是仅作用于当前按钮点击时的提交目标。
常见错误是把 formaction 写在 <form> 上，或者用在 <input type="button"> 上，这两种情况完全无效。
-
<button type="submit" formaction="/login">登录</button>→ 提交到 /login -
<input type="submit" formaction="/register" value="注册">→ 提交到 /register - 同个表单里多个带
formaction的按钮，各自独立生效，互不影响
和表单默认 action 冲突吗
不冲突。表单的 action 是兜底行为：当点击的按钮没设 formaction，或浏览器不支持该属性（如 IE）时，才走默认路径。
这意味着你可以安全地渐进增强：写一个基础 action，再给关键按钮加 formaction 做差异化路由。
立即学习“前端免费学习笔记（深入）”；
- 推荐写法：
<form action="/default"><button formaction="/save">保存草稿</button><button formaction="/publish">发布</button></form> - IE 会忽略所有
formaction，统一走/default；现代浏览器按按钮各自提交 - 注意：
formmethod和formenctype可配合使用，比如上传文件时用formenctype="multipart/form-data"
为什么点了没反应或跳转错页面
最常踩的坑是路径写错或协议缺失，尤其本地开发时容易漏掉斜杠或写成相对路径歧义。
-
formaction="user/edit"→ 相对路径，取决于当前 URL，易出错 -
formaction="/user/edit"→ 推荐，从根开始，明确可控 -
formaction="https://api.example.com/submit"→ 跨域提交需后端允许 CORS，否则可能静默失败 - 检查浏览器控制台是否报
net::ERR_CONNECTION_REFUSED或404，确认目标地址真实可访问
需要 JavaScript 介入吗
纯 HTML 场景下不需要 JS —— formaction 是原生行为。但如果你要拦截、校验或动态生成目标地址，就得用 JS 绑定 submit 事件并调用 event.target.formAction 读取值。
注意：不要用 event.preventDefault() 后手动 fetch，除非你明确放弃表单原生提交（比如要处理文件上传进度）。否则反而绕过了 formaction 的语义和兼容性优势。
- 读取当前按钮的提交地址：
button.addEventListener('click', e => console.log(e.target.formAction)) - 动态设置：
btn.formAction = '/dynamic/' + id，但注意这不会影响已渲染的 DOM 属性，只影响后续点击行为
type="button" 就让 formaction 彻底失效。 
