action必须填后端真实接口的完整路径，如action="/api/login"；method必须显式写为post，因默认GET不安全且易导致404、405或CORS错误。
action 属性填什么才不会 404
action 的值必须是后端真实能接收请求的完整路径，不是“随便写个名字”。比如后端接口地址是 /api/login，你就得写 action="/api/login"，不能只写 action="login"——浏览器会把它拼成当前页面 URL + login，大概率 404。
常见错误现象：404 Not Found、405 Method Not Allowed、控制台报 Blocked by CORS policy。这些八成是 action 写错或跨域没配好。
- 本地开发时页面用
file://协议打开？action无效，必须起本地 server（如python -m http.server） - 前端用了 React Router / Vue Router？别填
action="/submit"，它会触发真实跳转，应禁用默认提交，改用fetch或axios手动发 - 绝对 URL（如
https://api.example.com/submit）会跨域，后端必须配好 CORS 头，否则浏览器直接拦截
method="post" 必须显式写，不能靠默认
浏览器对 form 的默认 method 是 GET，哪怕你只想传个密码，它也会把所有字段塞进 URL——密码明文暴露，还可能被缓存或记录在服务器日志里。
POST 不仅更安全，还能传文件、大数据、二进制内容；GET 则有 URL 长度限制（通常几 KB），且不幂等（重复提交可能重复创建资源）。
立即学习“前端免费学习笔记（深入）”；
- 登录、注册、上传、支付等操作，一律显式写
method="post"（大小写不敏感，但惯例小写） - 后端框架（如 Django、Flask、Spring Boot）通常按 method 区分路由逻辑，漏写
method就等于发错请求类型，后端根本不会进处理函数 - 如果后端只接受
application/json，但你用method="post"默认发的是application/x-www-form-urlencoded，也收不到数据——这时得配合 JavaScript 改请求头和 body
action 和 method 不配套，后端根本收不到数据
action 决定“发给谁”，method 决定“怎么发”，两者必须和后端接口约定一致。比如后端有个 POST 接口 /api/orders，你却写了 action="/api/orders" method="get"，那请求发出去了，但后端连 request body 都不读，直接返回 405。
- Django 视图用
@require_POST装饰？表单就必须带method="post" - Node.js 的 Express 路由写成
app.post('/login', ...)？前端form就不能漏method - RESTful 接口习惯用
POST /api/users创建用户，但有人误写成GET /api/users，后端可能只查不存，结果表单看似“成功”实则没生效
留空 action 的行为容易被忽略
HTML5 允许 action 省略或写成 action=""，此时浏览器会把数据提交到当前页面 URL。这看起来方便，但隐患不少。
- 当前页面是
https://example.com/user/profile?tab=info，提交后变成POST https://example.com/user/profile?tab=info，后端可能因 query 参数干扰解析失败 - SPA 页面（如 Vue 单页应用）当前 URL 是前端路由（如
/settings），实际没对应后端路由，一提交就 404 - 调试时发现表单“没反应”，先检查 network 面板：如果请求地址和你预期完全不同，大概率是 action 留空导致的隐式回退
