必须用一个<form>包裹整个<table>，<input>放在<td>内且带name属性；多行独立提交用form属性绑定；label与placeholder不可互替，CSS需设width:100%和box-sizing:border-box。
直接把 <input> 放进 <td> 里就行，但必须确保整个表格被包裹在 <form> 标签内，否则提交时数据根本不会发出去。
表单必须包裹整个表格，不能只包某几行
常见错误是只给某一行或某个单元格套 <form>，这会破坏 HTML 结构合法性——<form> 不能是 <tr> 或 <td> 的直接父元素。浏览器会自动“修复”，但修复后 <input> 和 <form> 的关联大概率丢失，导致提交为空。
- ✅ 正确：一个
<form>包裹整个<table>，所有<input>都在<td>内，且没有嵌套在其他表单中 - ❌ 错误：在
<tr>里写<form>，或在<td>里单独起一个<form> - ⚠️ 注意：
<form>的action和method属性要明确，否则提交可能走默认地址或 GET 方式，后端收不到数据
input 必须带 name 属性，否则不参与提交
<input> 没有 name，就像没身份证的乘客——表单提交时它会被完全忽略。哪怕只是临时调试，也得先加 name 才能看到值。
- 每个
<input>的name应该唯一且语义清晰，比如name="user_email"，避免用name="a"或空字符串 - 单选组（
type="radio"）必须共用同一个name，否则无法互斥；复选框（type="checkbox"）可同名，后端会收到数组 - 如果用了
type="hidden"传额外参数，一样要设name，不然后端收不到
多表单场景下用 form 属性解耦
当表格每行都需要独立提交（比如逐行编辑/删除），硬塞多个 <form> 会违反 HTML 结构规则。这时不用改表格结构，直接用 HTML5 的 form 属性绑定：
立即学习“前端免费学习笔记（深入）”；
- 给每个需要独立提交的
<form>加唯一id，比如<form id="edit-123"> - 把对应行的
<input>、<button type="submit">都加上form="edit-123" - 这样即使
<input>在<td>里、<form>在页面任意位置，也能正确归属 - 注意：IE 不支持该属性，如需兼容旧版，得用 JavaScript 模拟提交逻辑
label 和 placeholder 别混用
<label> 是语义化必需项，用于点击文字聚焦输入框；placeholder 只是提示文本，焦点进入后就消失。两者功能不同，不能互相替代。
- 表格中常用
<th>当标签，此时<label>可省略，但必须确保<th>和对应<td>的列顺序严格对齐 - 如果
<input>在<td>里，又想用<label>，请用for属性绑定id，不要依赖嵌套（<label><input></label>在表格单元格里容易错位） -
placeholder不能替代required校验，用户清空后照样能提交空值
真正容易被忽略的是：表格里嵌 <input> 后，CSS 默认样式会让输入框撑满单元格，但不同浏览器渲染宽度略有差异，如果对齐要求高，得显式设 width: 100% 并重置 box-sizing: border-box，否则边框或 padding 会导致溢出或错位。
