action属性必须显式指定url路径，否则表单将提交至当前页面导致刷新；其值可为绝对路径、相对路径或同目录文件，空字符串等价于当前url；需配合method使用，并确保表单控件带有name属性才能发送数据。
action 属性是唯一决定表单提交目标的机制，不设或设错会导致数据发往错误地址、甚至静默失败。
form 的 action 必须显式指定 URL 路径
浏览器默认把表单提交到当前页面 URL（即刷新自身），这不是你想要的“提交目标”。必须用 action 指向后端接口或处理脚本：
-
action值可以是绝对路径：action="https://api.example.com/login" - 也可以是相对路径：
action="/auth/login"（以/开头，相对于站点根目录） - 或同目录下文件：
action="process.php"（不以/开头，相对于当前 HTML 文件位置） - 空字符串
action=""等价于当前 URL，容易误以为“没写就不管”，实际会触发刷新
提交目标失效的典型现象和排查点
用户点了提交按钮但页面没跳转、没反应、或者跳回了首页——大概率是 action 没生效：
- 检查是否拼错了属性名，比如写成
aciton或acton（浏览器直接忽略） - 确认后端服务已启动且该路径可访问，用 curl 或 Postman 直接请求
action地址看是否返回 404 - 如果用了前端路由（如 Vue Router / React Router），
action仍走原生 form 提交，会强制跳转，此时应改用 JavaScript 拦截submit事件 - 注意：
action不支持 JavaScript 表达式，不能写action="{{ apiUrl }}/login"，得靠 JS 动态赋值
method 和 action 是绑定关系，不能只改一个
action 决定“发给谁”，method 决定“怎么发”，两者共同构成一次有效提交：
-
method="GET"时，目标 URL 后会自动拼上?key=value查询参数，适合调试，但暴露数据、有长度限制 -
method="POST"时，数据在请求体中，action只负责接收端地址，但后端必须能解析 POST body（比如 Express 需express.urlencoded()） - 如果后端只接受 POST，而你写了
method="GET"，哪怕action正确，也会返回 405 Method Not Allowed
最容易被忽略的是：表单控件（如 <input>）必须带 name 属性，否则即使 action 和 method 都对，对应字段的数据也不会被发送出去——浏览器只序列化有 name 的控件。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
