HTML表格本身不参与提交，必须嵌入<form>内，且所有<input><select><textarea>必须带name属性，否则浏览器不序列化，后端收不到数据；常见错误是缺失name、用id/class替代、按钮type非submit或脱离form作用域。
HTML 表格本身不能直接“关联”表单提交，必须把 <table> 放进 <form> 里，且所有可提交字段（<input>、<select>、<textarea>）必须带 name 属性 —— 否则后端收不到任何数据。
为什么表格套在 form 里还收不到数据？
常见错误不是表格写法问题，而是字段语义缺失：
-
<input>或<select>没写name：浏览器根本不会把它当表单字段序列化，后端req.body或$_POST里完全看不到 - 用了
id或class代替name：比如<input id="email">→ 后端收不到email字段 - 表格里混了非表单元素（如
<div>、<span>）包裹输入框，但没影响；真正影响的是name是否存在、是否拼错、是否重复 - 用了
<button type="button">而不是<button type="submit">：点击后不触发表单提交，页面静默无反应
表格布局下表单提交的正确写法
只要结构合法，<table> 和 <div> 对表单提交没区别。关键点是：
-
<form method="post" action="/api/save">必须显式声明，不能省略method -
<table>是纯展示容器，可以任意嵌套在<form>内部，不影响字段收集 - 每个可输入控件都得有
name，且值要符合后端约定（比如name="user[email]"在某些框架里会自动转成嵌套对象） - 如果表格某行要动态增删，确保新增的
<input name="items[]">仍被包含在同一个<form>内，且 DOM 已挂载完成再绑定事件
含文件上传时表格里的特殊处理
只要表格里有 <input type="file" name="avatar">，就必须满足两个硬性条件：
立即学习“前端免费学习笔记（深入）”；
-
<form>的method必须是"post" -
<form>必须设置enctype="multipart/form-data"—— 缺一不可 - 否则浏览器仍发请求，但后端（如 Express）若只配了
body-parser，req.body和req.files全为空 - 注意：
enctype只对原生提交生效；用FormData+fetch时由 JS 自动设置，不用手动写这个属性
表格里按钮点击没反应？检查这三点
不是样式问题，是语义和事件链断了：
- 按钮是否写了
type="submit"？没写就只是普通按钮，不触发表单提交 - 按钮是否在
<form>标签内部？如果放在</form>外面，又没用form="form-id"属性绑定，就无效 - 有没有 JS 监听
submit事件但忘了event.preventDefault()？漏写会导致页面跳转+原生提交并行，后端可能收到两份请求或其中一份被中断
真正容易被忽略的点：表格本身不参与数据序列化，它只是视觉容器；所有逻辑依赖 form 的属性、字段的 name、以及浏览器对 submit 事件的默认行为 —— 这三层一旦错位，数据就消失得无声无息。
