表单跳转失败主因是action路径错误、input缺少name属性、method语义错配。action必须写对绝对或相对路径；所有提交字段需设name；登录等操作用post，搜索用get。
form 的 action 属性必须写对路径
表单能不能跳转，第一关就卡在 action 值上。它不是可选的——不写或写错，浏览器会默认提交给当前页面，看起来“没反应”或刷新了本页。
常见错误现象：action 为空、写成相对路径但当前 URL 已带参数（如 /search?q=123）、漏掉斜杠导致路径拼接出错（action="page" 在 /admin/user 下变成 /admin/page）。
-
action写绝对路径最稳：比如action="/login/process"，以/开头，从根目录算起 - 想提交到同目录下一个文件，用
action="next.html"；跨目录用action="../other/submit.php" - 调试时打开浏览器开发者工具 → Network 标签页，点提交，看实际发请求的 URL 是不是你预期的那个
method 属性决定数据怎么送过去
method 不只是“get 还是 post”，它直接影响后端能不能收到字段、URL 长不长、有没有大小限制。
使用场景：登录、上传、修改数据这类操作，必须用 method="post"；搜索、筛选这类只读操作，用 method="get" 更合适（参数会出现在 URL 里，能收藏、能回退）。
立即学习“前端免费学习笔记（深入）”；
-
get提交的数据拼在 URL 后面，受浏览器和服务器长度限制（一般 2KB 左右），敏感信息（密码）绝不能用 -
post数据放在请求体里，没长度硬限制，但刷新页面会弹“重新提交表单”提示 - 后端脚本（比如 PHP 的
$_GET或$_POST）读取的变量名，取决于表单控件的name属性，不是id
input 控件没 name 就等于没填
哪怕用户输进去了，只要 <input> 没设 name，浏览器根本不会把它打包进提交数据里。这是最常被忽略的细节。
常见错误现象：页面看着有输入框，但后端收不到任何值；或者只收到部分字段。
- 每个要提交的控件都得有
name，比如<input name="username">、<select name="role"></select> - 复选框（
type="checkbox"）如果没勾选，不会传任何值；多个同名 checkbox（如name="hobby"）会被当数组处理，后端需按数组方式接收 - 按钮类控件（
<button type="submit"></button>）不需要name，除非你想让它也作为参数传过去（少见）
防止意外跳转失败：加个 target 和验证
默认情况下表单提交会整个页面跳转，但如果目标页加载失败、404 或后端出错，用户可能卡在白屏或报错页，连返回都困难。
这不是 bug，是行为本身——但可以提前防一手。
- 临时调试时加
target="_blank"，让新页打开，不影响原页面，方便对比前后行为 - 关键业务（如支付、注册）建议用 JavaScript 拦截提交，先做简单校验（比如邮箱格式、必填项），再发
fetch，避免裸奔提交 - 后端响应如果不是 HTML（比如返回 JSON），浏览器仍会跳转并显示原始响应内容——这时候用户看到的就是一串 JSON 文本，容易误以为失败
action 路径、name 缺失、method 语义错配这三处，几乎包揽了 80% 的“点不动”问题。别急着查 JS，先打开开发者工具看 Network 里到底发出去了什么。 
