textarea自动换行如何设置

如题所述

通常情况下,当用户在输入文本区域中键入文本后,浏览器会将它们按照键入时的状态发送给服务器。只有用户按下 Enter 键的地方生成换行。
如果您希望启动自动换行功能(word wrapping),请将 wrap 属性设置为 virtual 或 physical。当用户键入的一行文本长于文本区的宽度时,浏览器会自动将多余的文字挪到下一行,在文字中最近的那一点换行。

wrap="virtual" 将实现文本区内的自动换行,以改善对用户的显示,但在传输给服务器时,文本只在用户按下 Enter 键的地方进行换行,其他地方没有换行的效果。

wrap="physical" 将实现文本区内的自动换行,并以这种形式传送给服务器,就像用户真的那样键入的。因为文本要以用户在文本区内看到的效果传输给服务器,因为使用自动换行是非常有用的方法。

如果把 wrap 设置为 off,将得到默认的动作。
希望对你有点帮助。
温馨提示:内容为网友见解,仅供参考
第1个回答  2021-05-25
自动换行的话,你需要做数据处理,获取文本信息长度
第2个回答  推荐于2017-10-04
直接设置下textarea的length即可,之后到达固定的长度就会自动换行:
<textarea style="width: 200px;height: 200px;"></textarea>
<script>
document.getElementsByTagName('textarea')[0].onkeypress = function () {
var value = this.value,
allLine = value.split('\n'),
lastLine = allLine.pop();

if (lastLine.length >= 15) {
lastLine = lastLine.substr(0, 15) + '\n' + lastLine.substr(15);
allLine.push(lastLine)
this.value = allLine.join('\n');
}
};
</script>
相似回答