textarea必须放入td中，但需添加name属性以参与表单提交，动态行建议用remark[0]等带索引的name；应设vertical-align:top、rows和resize:vertical，并用textContent而非innerHTML回填。
直接把 textarea 塞进 td 里就能用，但真要管好数据——尤其是带编辑、校验、回填逻辑的管理界面，光靠标签嵌套远远不够。
textarea 必须放在 td 里，但不能只放进去就完事
表格单元格 td 确实允许直接嵌套 textarea，这是合法且常见的写法。但问题在于：默认 textarea 没有 name 属性、不参与表单提交、无法被 JavaScript 识别为独立字段。
- 必须给每个
textarea加上name属性，否则form提交时该字段不会出现在请求体中 - 如果表格行数动态增减，
name建议带索引，比如remark[0]、remark[1]，方便后端解析成数组 - 避免在
textarea上写内联样式（如style="width:100%"），它会和表格列宽计算冲突，优先用 CSS 类控制尺寸
多行文本在表格中撑高/错位的常见原因
表格默认按内容自动调整行高，textarea 内容变多时，整行 tr 会被拉高，相邻列的控件（如按钮、下拉框）就会看起来“不在同一水平线”。
- 给
td设置vertical-align: top，让所有单元格内容顶部对齐 - 给
textarea设固定rows（比如rows="2"），再配合 CSS 的resize: vertical允许用户手动拉伸高度，而不是任其无限撑开 - 禁用
textarea的换行溢出：加overflow: auto和max-height防止内容过多时破坏表格结构
JavaScript 动态读写表格内 textarea 数据的要点
不能只用 document.querySelectorAll('textarea') 一锅端——你要区分哪一行、哪个字段，尤其当表格支持新增/删除行时。
立即学习“前端免费学习笔记（深入）”；
- 给每行
tr加唯一data-row-id，比如<tr data-row-id="item-123"> <li>读取某行的备注：<code>row.querySelector('textarea[name="remark"]').value - 回填数据时，别用
innerHTML直接塞 HTML 字符串，改用textContent或直接赋值.value，避免 XSS 风险和标签解析错误 - 监听
input事件而非change，因为后者只在失焦时触发，实时校验或保存草稿会延迟
表格里的 textarea 看似简单，但真正做管理界面时，它的行为受表格布局、CSS 继承、表单序列化、JS 事件绑定四重影响。最容易被忽略的是：没给 td 设 vertical-align 导致视觉错乱，以及没规范 name 结构导致后端收不到数组型数据。
