HTML表单action属性必须写成以/开头的绝对路径（如"/api/login"）或完整URL（如"https://api.example.com/v1/submit"），禁用相对路径；留空或为空字符串时提交至当前完整URL（含query和hash），易致404；可用formaction为不同按钮指定独立提交地址。
HTML 表单的 action 属性就是用来指定数据提交到哪个后端地址的关键字段。它不是可选项，而是必须显式写对——写错、留空、用错路径类型，表单基本就“发不出去”或“发到没人收的地方”。
必须用绝对路径或完整 URL
推荐写成以 / 开头的绝对路径，比如：<form action="/api/login" method="POST">
这样浏览器会自动拼成 https://yoursite.com/api/login，和当前页面在哪无关，稳定可靠。
跨域场景必须写完整 URL：<form action="https://api.example.com/v1/submit" method="POST">
此时后端要配好 CORS，否则浏览器直接拦截。
- 别写相对路径（如
action="login"或action="../api/submit"），容易因当前 URL 是/admin/user/edit?id=123而错拼成/admin/user/login，后端监听的是/api/login，结果 404 - 别加 .php、.jsp 等后缀，现代框架路由是无后缀的，
action必须和后端定义的 endpoint 完全一致 - 本地开发时可用
http://localhost:8080/login方便调试，但上线前得换回/api/login这类绝对路径，避免跨域或代理失效
不写 action 或写成空字符串会怎样
如果没写 action，或者写成 action=""，浏览器会把数据原样提交到当前页面的完整 URL，包括 query 参数和 hash。比如你在 https://site.com/form.html?step=2#section1 页面点提交，请求就发往这个地址。
立即学习“前端免费学习笔记（深入）”；
后端几乎不会监听这种带参数和锚点的动态路径，结果通常是 404、白屏或页面刷新——不是没发，是发错了地方。
-
action="./"或action="."在部分浏览器里解析异常，不推荐 - 在 Vue Router / React Router 的 history 模式下留空，还可能被前端路由拦截，导致请求根本没发出
- 双击打开 HTML 文件（
file://协议）时，所有action都失效，必须起本地 server
一个表单多个提交目标：用 formaction
不需要 JS，HTML 原生就支持一个表单对应多个提交地址。只要给 type="submit" 的按钮加上 formaction 属性，点击哪个按钮，就发到哪个地址。
示例：<button type="submit" formaction="/save">存草稿</button><button type="submit" formaction="/publish">立即发布</button>
-
formaction优先级高于<form>的action，覆盖生效 - 可配合
formmethod="GET"或formmethod="POST"单独控制请求方法 - 支持
formtarget="_blank"（适合导出）、formenctype="multipart/form-data"（仅该按钮传文件） - 注意：必须是
type="submit"，type="button"不触发提交；也别漏写form-前缀，写成action是无效的
前后端必须严格匹配
action 决定了发到哪，method 决定了怎么发，后端必须监听对应路径 + 对应方法。比如：
- 前端写
<form action="/login" method="POST">，后端就得有app.POST("/login", handler)，只写GET路由会返回 405 Method Not Allowed - 常见 404 多半是路径手误：漏了
/api/前缀、多打斜杠（/login/）、拼错单词（/logn） - 所有要提交的字段都必须有
name属性，没 name 就等于没数据，后端收不到
