form的action和method必须与后端路由完全一致，否则请求无法到达处理函数；所有提交字段需有name属性；后端须启用对应解析中间件；js无刷新提交需监听form submit并preventdefault。
form action 和 method 必须与后端路由完全一致
浏览器只认 action 指向的 URL 和 method 指定的 HTTP 动词，任何偏差都会导致请求根本进不了后端处理函数。比如后端写的是 app.post('/login')，但前端 form 的 action="/login/"（多一个斜杠）或 method="GET"，结果就是 404 或静默失败。
开发时建议：
- action 用绝对路径，如 action="http://localhost:3000/login"，避免相对路径歧义
- 登录、注册等含敏感数据的操作，method 必须为 POST，不用 GET（否则密码会出现在 URL 和浏览器历史里）
- 确保后端服务已启动，且该路由已注册——光有 HTML 表单，后端不“在线等”，提交就等于发往虚空
所有要提交的字段必须带 name 属性
name 是浏览器打包数据的唯一依据，没有它，字段值直接被丢弃。这是最常漏掉的一环，尤其在快速写 demo 时。
注意点：
- id 和 name 不是一回事：id 供 JS/CSS 用，name 才决定是否参与提交
- 多个同名复选框（如 <input type="checkbox" name="hobby" value="reading">）会被后端解析为数组，但前提是后端中间件支持（如 Express 需启用 extended: true）
- <textarea></textarea> 和 <select></select> 同样需要 name，否则内容不会发送
后端必须显式启用表单解析中间件
用 method="POST" 提交时，数据默认以 application/x-www-form-urlencoded 格式发送，但 Express、Koa 等框架不会自动解析——req.body 会始终为空对象 {}。
常见配置：
- Express：加一行 app.use(express.urlencoded({ extended: true }))（放在路由前）
- 若还要上传文件，额外加 app.use(upload.single('file')) 或用 multer
- Flask 默认能解析，但得用 request.form['username']，不是 request.json
- PHP 直接读 $_POST['username']
想无刷新提交？别监听 click，要监听 submit 并 preventDefault
90% 的 JS 拦截失败，是因为监听了按钮的 click 事件，或者忘了调用 e.preventDefault()。表单提交的默认行为是跳转页面，不阻止它，fetch 就没机会发出去。
正确写法：
- 绑定事件到 form 元素，不是 button
- 使用 event.preventDefault() 阻止跳转
- 用 FormData 构造数据，或手动取值拼对象
- 注意：如果后端返回 HTML，fetch 不会自动渲染；返回 JSON 才适合前端进一步处理
整个流程里最容易被忽略的，其实是前后端三要素的对齐：前端 action 地址、method 动词、后端路由声明，缺一不可。哪怕只差一个字符，请求就断在网关外。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
