textarea默认不换行，需用wrap属性（soft/hard）或CSS white-space（pre-wrap/pre-line）控制显示折行；高度自适应需JS监听input事件并设height为scrollHeight；text-indent对其无效；换行符须前后端统一归一化为\n。
textarea 标签默认不换行，怎么让文字自动折行显示？
默认情况下 textarea 会把连续输入的长文本挤在一行里滚动，视觉上看不到换行——这不是 bug，是它的原始行为。关键在于控制换行策略的两个属性：wrap 和 CSS 的 white-space。
-
wrap="soft"（默认值）：提交时**不保存**换行符，但显示时按容器宽度自动折行；适合纯展示或用户编辑后由后端处理格式 -
wrap="hard"：显示折行 + 提交时在换行处插入\r\n；必须同时设置cols，否则无效 - CSS 中设
white-space: pre-wrap可保留用户敲的回车，同时允许长单词折行；pre-line则合并空格但保留换行
textarea 高度自适应内容，不用滚动条怎么实现？
原生 textarea 不支持 height: auto，得靠 JS 监听输入并重设 scrollHeight。注意别直接用 clientHeight 或 offsetHeight，它们不含溢出部分。
- 监听
input事件（不是change），每次触发后执行：el.style.height = 'auto'; el.style.height = el.scrollHeight + 'px'; - 为避免闪烁，建议先设
min-height和max-height，超出后才出现滚动条 - 移动端需额外处理
focus后软键盘弹起导致的布局抖动，可加resize监听或用scrollIntoView补偿
为什么 textarea 里的中文换行后首行缩进失效？
因为 text-indent 对 textarea **完全无效**——它只作用于块级元素的首行，而 textarea 是替换元素（replaced element），内部文本不受常规文本样式控制。
- 想模拟首行缩进，只能靠 JS 在光标位于开头时插入全角空格或
- 更稳妥的做法是放弃缩进，改用左侧边框、背景色块或外层
div包裹后加padding-left - 若必须视觉对齐段落，建议用富文本编辑器（如
contenteditable+div），而非textarea
textarea 提交时换行符在不同系统/语言里怎么统一处理？
用户在 Windows 按 Enter 产生 \r\n，macOS 是 \n，Linux 也是 \n；后端收到后若不做归一化，数据库存、日志解析、前端渲染都可能出错。
立即学习“前端免费学习笔记（深入）”；
- 前端提交前可用正则清理：
value.replace(/\r\n|\r|\n/g, '\n')，统一成 LF - 后端接收时也应做同样转换，不能依赖前端；Node.js 用
req.body.text.replace(/[\r\u2028\u2029]/g, '\n')更稳妥（含 Unicode 换行符） - 数据库字段类型选
TEXT而非VARCHAR，避免长度计算因换行符差异误判
wrap="hard" 却没配 cols，或前端转了 \n 后端又转一遍，结果多出空行。这些细节不报错，但会让文本显示和存储变得不可预测。 
