wrap属性无法可靠控制提交换行，仅在设cols且原生submit时可能生效，现代浏览器基本废弃；wrap="soft"仅影响显示折行，不干预提交内容；需用javascript在submit时统一清洗换行符，服务端须兼容多种换行格式。
wrap 属性根本不能可靠控制提交时的换行行为——它只在极少数前提下“尝试”插入 \r\n，且结果不可预测。
wrap="hard" 为什么总不生效
浏览器只在同时满足两个条件时才可能处理 wrap="hard"：必须有 cols 属性（比如 cols="40"），且表单必须通过原生 submit 提交（不是 JS 读取 .value）。Chrome/Firefox 已基本废弃该逻辑；Safari 表现不一致；移动端软键盘完全无视它。没设 cols，wrap="hard" 就等于没写，所有现代浏览器都静默退化为 wrap="soft"。
wrap="soft" 不是“禁用换行”，而是不管换行
wrap="soft" 是默认值，它只影响显示层是否视觉折行，对提交内容零干预。用户按 Enter 输入的换行符（\r\n 或 \n）会原样保留；超长英文或中文自动折行的位置，不会插入任何额外换行符。常见误解是“设置了但服务端收不到换行”，往往是因为 CSS 覆盖了默认渲染（如 white-space: nowrap），或容器宽度未约束导致浏览器无法判断折行点。
真正要控制提交内容，得靠 JavaScript 清洗
别在 input 或 keydown 中实时修改 textarea.value——中文输入法会丢字、光标跳位。正确做法是在表单 submit 事件里清理：
- 统一换行符：
textarea.value.replace(/\r\n|\r|\n/g, '\n') - 删结尾空行：
.replace(/\n(?=\s*$)/g, '') - 剔除孤立
\r\n（由wrap="hard"注入）：.replace(/\r\n(?!\S)/g, '')
服务端永远不能假设换行符格式统一，必须用 /\r\n|\r|\n/g 切分，而不是只认 \r\n。
想让换行“看得见”，用 white-space: pre-wrap
wrap 属性对显示毫无控制力。你看到的折行，其实是浏览器默认渲染行为。如果目标是准确显示用户输入的换行（比如评论、日志展示），white-space: pre-wrap 才是正解——它保留换行符和空格，并允许自动折行。而 wrap="off" 只会让文本横向溢出，wrap="soft" 在容器宽度变化时折行点会乱套。
复杂点在于：用户真实输入的换行符本身就不统一（Windows 是 \r\n，macOS 是 \n），再加上 wrap="hard" 可能注入的非意图换行，后端清洗逻辑必须覆盖所有组合，不能依赖前端属性做判断。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
