form 的 action 属性必须填浏览器可解析的 URL，如 “./api/login”、”/submit” 或 “https://api.example.com/v1/submit”；留空则默认提交至当前页 URL。
form 的 action 属性到底填什么路径
填错 action 是表单提交失败最常见原因，不是后端收不到，而是浏览器根本没发出去。
它必须是一个能被浏览器解析的 URL：相对路径（如 "./api/login"）、绝对路径（如 "/submit"）或完整 URL（如 "https://api.example.com/v1/submit"）。注意：action 不是文件路径，不写 index.php 或 handler.js 这类具体文件名——除非后端明确要求且已配置好该路径路由。
- 当前页同目录下接口：用
"./api/submit"（开头./明确表示相对当前 html 所在目录） - 根目录起始的接口：用
"/api/submit"（开头/表示从域名根开始，不受当前 HTML 路径影响） - 跨域请求：必须填完整协议+域名，如
"https://api.example.com/submit"，且后端需支持 CORS - 留空或不写
action：浏览器默认提交到当前页面 URL，容易引发 405 错误或刷新覆盖数据
method=”post” 和 method=”get” 怎么选
选错 method 会导致参数丢失、长度截断或后端收不到数据——不是“能发出去就行”，而是 HTTP 方法语义和实现机制决定的。
GET 把所有字段拼在 URL 后面，受浏览器地址栏长度限制（通常 2KB 左右），且敏感信息会暴露在历史记录、服务器日志里；POST 数据放在请求体中，无此限制，也更安全（虽不加密，但至少不裸露）。
- 搜素、筛选、分页等只读操作：用
method="get"，方便分享链接和浏览器缓存 - 登录、注册、上传、修改数据：必须用
method="post" - 后端框架（如 express、django）默认只监听特定 method 的路由，
app.post("/login")收不到GET提交 - 表单含
<input type="file">：只能用POST，且需加enctype="multipart/form-data"
提交前没阻止默认行为，按钮一按就跳转或刷新
这是 JS 拦截表单提交时最常漏掉的一步：没调 Event.preventDefault()，导致浏览器照常执行原生提交逻辑。
立即学习“前端免费学习笔记（深入）”；
尤其在用 fetch 或 axios 自定义提交时，如果只写了发送请求，没拦住默认动作，就会看到页面闪一下、URL 变了、或者直接 404——其实请求可能发出去了，但页面已经跳走了，你根本看不到响应。
- 绑定事件必须用
submit，不是click：form.addEventListener("submit", handler) - 回调函数第一行就要写：
event.preventDefault() - 检查是否误用了
button类型：如果<button></button>没设type="button"，默认是submit，点它也会触发表单提交 - 调试技巧：在 handler 开头
console.log("submit intercepted")，没打印出来，说明事件根本没绑对位置或被冒泡打断
后端收不到字段？检查 name 属性有没有漏写
HTML 表单提交只发送带 name 属性的控件值，id、class、data- 都无效。漏写 name 是后端拿不到数据的头号原因，比路径和 method 更隐蔽。
而且 name 值就是后端接参的键名，比如后端写 req.body.username，那前端 input 就得是 <input name="username">，大小写、下划线、复数都得完全一致。
- 所有要提交的控件（
input、select、textarea）必须有name，否则不参与提交 - 单选框
radio组必须共用同一个name，才能互斥选择；不同组要用不同name - 多选
select或复选框数组，可加[]后缀（如name="hobby[]"），部分后端框架能自动解析为数组 - 禁用控件（
disabled）即使有name也不会提交，要用readonly替代
事情说清了就结束。真正卡住人的，往往不是语法，而是 action 路径和 name 属性这种一眼扫过去就略过的细节。