提交时拿不到值是因为必须有name属性且不能disabled，否则FormData会忽略；只要在form内、name合法、未禁用，嵌套在表格中也能被自动采集。
表格里放 <textarea></textarea> 为什么提交时拿不到值？
因为 <textarea></textarea> 必须有 name 属性，且不能被 disabled，否则 FormData 会直接忽略它。表格本身不影响提交逻辑，但容易让人误以为要“特殊处理”——其实只要它在表单内、有合法 name、没被禁用，就能被自动采集。
-
<textarea name="comment">内容</textarea>✅ 可采集 -
<textarea id="comment">内容</textarea>❌ 没name，FormData视而不见 -
<textarea name="comment" disabled>内容</textarea>❌disabled元素不参与提交 - 放在
<table> 里但不在 <code><form></form>内 → 根本不会进FormDataFormData构造时要不要手动append表格里的<textarea></textarea>？不需要。只要
<textarea></textarea>是表单的后代元素（哪怕嵌套在<tr><td> 里），用 <code>new FormData(formElement)就能自动收集。手动append反而容易重复或漏掉动态生成的字段。- ✅ 正确：获取表单 DOM 后直接构造：
const fd = new FormData(document.querySelector('form')); - ❌ 多余：先查
textarea再fd.append('comment', el.value)—— 除非你要改名或做预处理 - ⚠️ 注意：如果
<textarea></textarea>是 JS 动态插入的，确保插入后 DOM 已就绪，再构造FormData
中文换行和空格丢失？检查
<textarea></textarea>的value是否被 JS 覆盖常见坑：用
innerHTML或textContent设置<textarea></textarea>初始内容，导致换行符被 HTML 解析器吃掉；或者监听input事件时错误地用innerText赋值，破坏原始换行。- ✅ 初始内容写在标签体内：
<textarea name="msg">第一行\n第二行</textarea> - ✅ JS 设置值用
.value = str，不是.innerHTML或.innerText - ✅ 提交前可加验证：
console.log(fd.get('msg'))看是否含\n - ⚠️
FormData默认保留换行和空格，问题几乎都出在前端赋值环节
后端收不到数据？确认请求头和发送方式
FormData提交时浏览器会自动设置Content-Type为multipart/form-data; boundary=...，后端框架（如 Express、Django）需启用对应解析中间件，否则直接读不到字段。立即学习“前端免费学习笔记（深入）”；
- ✅ 前端发送：
fetch('/api/save', { method: 'POST', body: fd })（不要手动设Content-Type） - ✅ Express 需
multer或express-formidable；原生 Node.js 需用busboy解析 - ✅ Django 需确保视图函数用
request.POST（非request.body） - ⚠️ 如果用
axios，别加headers: {'Content-Type': '...'}，会覆盖浏览器自动生成的 boundary
FormData完全透明，真正卡住人的永远是那几个硬性条件：有name、在form内、没disabled、值通过.value正确设置、后端配对解析。其他都是干扰项。 - ✅ 正确：获取表单 DOM 后直接构造：
