wrap="soft" 不影响 textarea.value 内容，仅控制渲染折行；提交值中换行符仅来自用户手动按 enter，需用 white-space: pre-wrap 展示，js 提交前清洗换行符。
wrap="soft" 为什么提交值里没换行符？
不是 wrap="soft" 删除了换行符，而是你看到的“折行”只是渲染层行为，textarea.value 里只保留用户按 Enter 输入的换行符（\n 或 \r\n），其他全是视觉效果。
常见错误现象：
- 设置了
wrap="soft"，但文字挤成一长条不折行 → 很可能是 CSS 覆盖了默认行为，比如写了white-space: nowrap或没约束容器宽度 - 服务端收到单行字符串 → 实际是前端没让换行符在展示时生效（比如没配
white-space: pre-wrap），不是 value 里真没换行
关键点：
-
wrap="soft"是默认值，无需显式声明 - 它不依赖
cols，也不影响 value 内容 - 想让换行符在页面上显示为换行，得靠 CSS：
white-space: pre-wrap
wrap="hard" 还能用吗？
不能当作可靠逻辑使用。现代浏览器（Chrome、Firefox、Safari、Edge）自 2019 年起已移除 wrap="hard" 在表单提交时自动注入 \r\n 的行为 —— 你写了 wrap="hard" cols="40"，提交的 value 里依然只有用户手动按 Enter 输入的换行符，不会多出任何因视觉折行产生的 \r\n。
容易踩的坑：
- 误以为“显示折了两行” = “提交值含两个
\r\n”，结果后端解析失败 - 在旧文档或 IE 兼容场景下保留该写法，但线上环境必须视为无效
-
cols属性对wrap="hard"已无实际作用，设了也白设
怎么让提交值里的换行符统一？
别指望 wrap，必须用 JS 在提交前清洗 textarea.value：
- 监听
submit事件，不要在input或keydown中改 value（会破坏中文输入法） - 统一转为 LF：
textarea.value.replace(/\r\n|\r/g, '\n') - 删结尾空行：
.replace(/\n(?=\s*$)/g, '') - 如果业务要求 Windows 风格，再转回：
.replace(/\n/g, '\r\n')
注意：移动端软键盘 Enter 行为不一致（iOS 默认换行，Android 多数是“发送”），如需强制换行，得用 keydown 拦截 event.key === 'Enter' 并 preventDefault()。
显示换行该用什么？
控制文本“怎么显示”，和 wrap 无关，该用 CSS：
-
white-space: pre-wrap：保留原始换行符和空格，同时允许在容器边界自动折行 - 配合
overflow-wrap: break-word处理无空格长串（如 URL） - Flex 布局中记得给文本元素加
min-width: 0，否则pre-wrap会失效
真正需要换行语义的场景（如日志展示、评论列表），wrap 属性毫无存在感，全靠这套 CSS 组合拳。
