action填相对路径最稳妥，如"submit.php"；绝对路径以域名根目录为起点；空值或""提交至当前URL；前端路由下空action仍有效但响应可能被JS拦截；JS提交时action失效，需用event.preventDefault()避免重复请求。
form 的 action 属性到底填什么路径
填相对路径最稳妥，比如 action="submit.php" 或 action="./api/submit"。绝对路径（/submit.php）也行，但要注意它从域名根目录开始解析，不是当前页面所在目录。别用 action="http://yoursite.com/submit.php" 这种完整 URL，除非你明确要跨域提交——那会触发 CORS 限制，大概率失败。
提交到当前页面自身时怎么写 action
直接留空或写 action=""，浏览器会默认提交给当前 URL。不要写 action="." 或 action="./"，它们在部分浏览器里行为不一致，有的会拼出错误路径（比如变成 http://site.com/./）。如果用了前端路由（如 Vue Router、React Router），空 action 仍能发请求，但后端响应可能被 JS 拦截或刷新页面——这不是 action 的问题，是前端框架的路由模式决定的。
POST 提交时 action 路径没反应？检查这几点
- 后端服务是否真在该路径监听 POST 请求（比如 Express 中有没有
app.post("/submit", ...)） - 路径大小写是否匹配（Linux 服务器区分大小写，
Submit.php≠submit.php） - 有没有被 Nginx/Apache 重写规则拦截（比如把
/api/全部代理到另一个端口，但你漏配了） - 浏览器控制台 Network 面板里看请求是否发出、状态码是多少（404？405？502？）
用 fetch 或 axios 替代表单提交时，action 还需要吗
不需要。一旦你用 JS 拦住 submit 事件并手动发请求，action 和 method 就完全失效了。这时候 URL 和方法由 JS 控制：fetch("https://api.example.com/submit", { method: "POST" })。但注意：如果忘了调用 event.preventDefault()，表单仍会按 action 原样提交，造成重复请求。
路径看似简单，但实际踩坑多在“以为它和文件系统路径一样”——其实它是 HTTP 请求路径，受服务器配置、路由规则、协议头共同影响。调试时优先看 Network 面板里发出的真实请求地址，而不是猜 action 写得对不对。
立即学习“前端免费学习笔记（深入）”；
