textarea的wrap属性不改变提交内容，仅影响渲染：wrap="hard"在现代浏览器中已废弃且无效，wrap="soft"（默认）只视觉折行，submit时换行符仅来自用户按enter输入；可靠方案是js处理value并服务端统一归一化换行符。
textarea 的 wrap 属性只影响显示，不改变提交内容
很多人以为设置 wrap="hard" 就能让表单提交时自动插入换行符（\r\n），实际不是这样。wrap 仅控制浏览器在渲染时是否视觉换行、以及是否在提交前「尝试」添加换行——但这个行为既不可靠，也不跨浏览器一致。
关键事实：wrap="hard" 在现代浏览器中基本被忽略；wrap="soft"（默认值）只是视觉换行，提交内容仍按用户真实输入的换行符（回车键）为准；wrap="off" 会禁用视觉换行，但不影响提交内容。
-
wrap不修改textarea.value的原始字符串 - 提交时真正起作用的是用户按 Enter 输入的
\n或\r\n - 服务端收到的内容，永远取决于用户输入 + 浏览器对换行符的标准化处理（通常归一为
\n）
想让提交内容带换行？别依赖 wrap，直接看 value
检查 textarea 提交内容是否含换行，唯一可靠方式是读取其 value 属性：
const text = document.querySelector('textarea').value;
console.log(text.includes('\n')); // true 表示有用户手动换行
注意：value 中的换行符就是用户实际输入的，不会因 wrap="hard" 而多出换行。即使文本在框内因宽度自动折行，value 里也不会出现额外 \n。
- 视觉折行 ≠ 字符串换行：CSS
white-space: normal下的自动换行不产生\n - 只有用户按 Enter 或脚本显式写入
\n，才会出现在value中 - 复制粘贴进
textarea的文本，其原有换行符会被保留
wrap="hard" 在 HTML5 中已被废弃，不要用
HTML5 规范已将 wrap="hard" 标记为过时（obsolete）。Chrome、Firefox、Safari 都不再实现它对表单提交的干预逻辑。继续写 wrap="hard" 不仅无效，还可能误导后续维护者。
- 验证工具（如 W3C Validator）会警告该属性已废弃
- 某些旧版 IE 曾支持它，但行为不一致且不可控
- 如果真需要“强制换行提交”，必须用 JavaScript 在提交前处理
value，例如按列宽插入\n
真正需要控制换行格式？用 JS 处理 value，而不是依赖 wrap
比如要求每 40 字符自动换行提交，就得自己切分字符串：
function wrapText(text, width = 40) {
return text.replace(new RegExp(`(.{${width}})`, 'g'), '$1\n');
}
// 提交前调用
form.addEventListener('submit', e => {
const ta = document.querySelector('textarea');
ta.value = wrapText(ta.value);
});
这种控制是明确、可测、跨浏览器一致的。而 wrap 属性做不到这点——它不暴露接口、不触发事件、无法调试。
- 不要试图用 CSS 或
wrap混淆“显示”和“数据” - 所有格式化逻辑应集中在 JS 层，且必须作用于
value - 服务端永远不能假设客户端
wrap属性生效，必须自行规范化换行
最常被忽略的一点：换行符在不同系统中可能是 \n、\r\n 或 \r，但现代浏览器提交表单时基本统一为 \n；如果你的后端解析依赖特定换行符，得在服务端做 normalize，而不是指望前端 wrap。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
