action属性必须为有效url，即浏览器可发起http请求的地址：相对路径用./api/update，根路径用/api/update，跨域需写完整url如https://api.example.com/v1/submit，留空则默认提交至当前页url。
action 属性必须填对，否则表单根本不会发出去——不是后端收不到，是浏览器压根没构造请求。
action 填什么才算有效 URL
它不是文件路径，也不是后端路由名，而是一个浏览器能发起 HTTP 请求的地址。
- 当前 HTML 在
/user/profile.html，想提交到同级 API：用./api/update（./表示相对当前 HTML 所在目录） - 不管 HTML 在哪，都希望提交到站点根路径起始的接口：用
/api/update（开头/表示从https://site.com/开始） - 跨域场景（比如前端在
https://fe.example.com，后端在https://api.example.com）：必须写完整 URL，如https://api.example.com/v1/submit，且后端要配好 CORS - 留空或不写
action：浏览器默认提交到当前页 URL，极易触发 405 错误或页面刷新覆盖数据 - 别写
index.php、handler.js这类具体文件名——除非 Web Server 明确暴露该路径（如 Nginx 的location规则已配置）
formaction 能临时覆盖 action，但只对 submit 按钮生效
当一个表单需要多个提交目标（比如“保存草稿”和“正式提交”），可以用 formaction。
- 仅作用于
<input type="submit">或<button type="submit"></button> - 值同样是完整 URL 或相对路径，例如：
<button type="submit" formaction="/api/draft">存草稿</button> - 注意：如果按钮在
<form></form>外部，还需配合form="form-id"属性绑定目标表单 -
formaction不会改变表单本身的action，只影响这一次点击提交的目标地址
常见失败现象和排查点
表单点了没反应？或者跳转到了奇怪的地址？先看这几条：
- 浏览器地址栏突然变成
http://localhost:8080/?name=xxx：说明method="get"且action留空或填了相对路径但解析失败 - 提交后返回 404：检查
action地址是否拼错，特别是大小写、斜杠结尾、多余点号（如./api/submit/.） - 跨域请求被拦截但控制台没报 CORS 错误：可能是预检请求（OPTIONS）失败，确认后端是否响应了
Access-Control-Allow-Origin - 用 JavaScript 提交时仍跳转：忘了在
submit事件回调里写event.preventDefault()
最常被忽略的是路径语义——action 是给浏览器看的，不是给后端框架路由系统看的；哪怕后端用 Express 写了 app.post("/login")，前端 action 也得是 /login，而不是 login 或 ./login。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
