表单成功提交的关键在于action和method属性配对正确：action决定提交地址，需根据部署方式选用绝对路径、相对路径或完整url；method决定提交方式，状态变更操作必须用post，查询操作可用get；前后端路由与接收逻辑须严格对应，否则出现404或405错误。
表单能成功提交，关键在 action 和 method 两个属性必须配对正确——少一个、写错一个、理解偏差一个，数据就发不出去，或者发错地方、发错方式。
action 决定“发到哪”，不是随便填个路径就行
浏览器会把 action 的值和当前页面 URL 拼起来，算出最终请求地址。所以填什么，直接影响后端能不能收到。
- 想提交到网站根目录下的接口（比如
/api/login），用绝对路径：action="/api/login"—— 开头的/表示从域名起始算 - 当前 HTML 在
/user/profile.html，想提交到同目录的api/update，用相对路径：action="./api/update" - 前后端分离、跨域部署（如前端在
https://fe.example.com，后端在https://api.example.com），必须写完整 URL：action="https://api.example.com/v1/submit"，且后端要配好 CORS - 别写
action="login.php"这类文件名，除非你确认 Web 服务器（如 Nginx/Apache）已明确路由到该脚本；更推荐用 REST 风格路径，如/login - 留空或写
action=""，等价于提交到当前页面 URL，适合纯前端拦截后用 fetch 或 axios 处理
method 决定“怎么发”，不是只看参数显不显示
它控制整个 HTTP 请求的构造方式：参数放 URL 还是放 body、是否缓存、能否重发、后端怎么读取——选错就收不到数据。
- 登录、注册、修改资料、上传文件等涉及状态变更的操作，一律用
method="post"（注意小写） - 仅查询、过滤、搜索这类无副作用操作，可用
method="get"；但要注意 URL 长度限制（一般 ≤2048 字符），且参数会留在历史记录和日志里 - 没写 method，默认就是 get；很多密码泄露事故，就是因为登录表单漏写了 method="post"
- 如果表单含
<input type="file">，除了method="post"，还必须加enctype="multipart/form-data"，否则文件字段为空
前后端必须“说同一种语言”
前端写的 action 和 method，后端路由和接收逻辑必须严格对应，否则不是 404 就是 405。
- 前端
<form action="/login" method="post"></form>，后端 Gin 必须写r.POST("/login", handler)，不能只写r.GET - 用 POST 提交，后端却只读
$_GET（PHP）或req.query（Node.js），结果所有字段都为空 - 常见报错对照：
404 Not Found→ action 路径写错（比如漏了/或拼成/lgoiin）；405 Method Not Allowed→ method 和后端监听方法不一致
别忽略提交按钮本身
再正确的 action 和 method，也得靠正确的按钮触发。
-
<input type="submit">或<button type="submit"></button>才能自动触发表单提交 -
<input type="button">是普通按钮，点击不会提交，需手动绑定 JS - 用 JavaScript 拦截提交时，记得调
event.preventDefault()，再用 FormData 构造数据，注意 enctype 类型要和后端中间件匹配（比如application/x-www-form-urlencoded或multipart/form-data）
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
