表单未提交到后端的主因是method和action配置错误：method需显式声明POST/GET，action推荐绝对路径（如/api/user）；含文件上传必须设enctype="multipart/form-data"且后端配对应解析中间件。
表单没发到后端，先查 method 和 action 是否写对
浏览器默认用 GET 提交，但多数后端接口要求 POST；action 空或写成相对路径却忘了加斜杠（比如写成 api/user 而不是 /api/user），容易被浏览器拼成当前页面路径下子路径，导致 404。
-
method必须显式声明为POST或GET，别依赖默认值 -
action推荐写绝对路径（以/开头），避免路由嵌套时路径错乱 - 如果后端是 RESTful API，且前端只是“触发提交”，建议改用 JS 控制，而非原生表单提交
提交后页面跳转了，但数据要留前台处理——禁用原生提交
原生 <form> 提交会强制刷新或跳转，无法拿响应体、无法做 loading、无法拦截错误。这时候不是表单写得不对，而是不该用原生提交。
- 给
<form>加onsubmit="return false;"是最简拦截，但更推荐用event.preventDefault() - 用
FormData构造请求体：new FormData(formElement)可自动收集所有name字段，包括<input type="file"> - 注意：
fetch默认不带 cookie，跨域需加credentials: 'include'；XMLHttpRequest则要设withCredentials = true
submit 事件监听不到？检查按钮类型和冒泡路径
常见现象：点了按钮没触发 form.addEventListener('submit', ...)。大概率是按钮写了 type="button"（默认是 type="submit"），或者表单里嵌了其他表单（HTML 不允许嵌套 <form>），导致事件没冒泡到目标节点。
- 按钮没写
type属性时，部分浏览器仍按submit处理，但不可靠，务必显式写type="submit" - 用
form.querySelector('button[type="submit"]')检查是否真有可提交按钮 - 如果表单动态插入（如 Vue/React 渲染），确保事件监听在 DOM 插入后绑定，而不是仅在初始脚本里执行一次
中文乱码或特殊字符被截断，重点看 enctype 和后端解析逻辑
GET 提交中文会进 URL，被浏览器编码成 %E4%BD%A0 类似形式，后端若没正确解码就显示乱码；POST 下若 enctype="application/x-www-form-urlencoded"（默认）没问题，但一旦改成 multipart/form-data，后端框架（如 Express）必须配好中间件（如 multer）才能解析，否则整个 req.body 是空的。
立即学习“前端免费学习笔记（深入）”；
- 纯文本提交，保持默认
enctype即可，不用动 - 只要含
<input type="file">，就必须设enctype="multipart/form-data"，且后端不能只依赖body-parser - Node.js + Express 场景下，
req.body为空 ≠ 前端没发，大概率是后端没配对的解析中间件
/、忘设 enctype、或后端没开 multipart 支持，数据就静默消失了。 
