textarea设置默认文字换行

最新推荐文章于 2024-05-08 10:24:37 发布

原创最新推荐文章于 2024-05-08 10:24:37 发布 · 1.5k 阅读

3 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

前端

当前文章被收录于：

前端

71 篇文章 0 人学习

订阅专栏查看详情

样式

当前文章被收录于：

样式

3 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了在HTML中使用Textarea组件设置默认文字换行的两种方法：一是通过JavaScript操作数组并利用转义字符实现换行；二是直接在HTML中利用<xmp>&#10;</xmp>标签插入换行符。通过具体代码示例展示了如何在Textarea中预设多行文字。

textarea设置默认文字换行
方式一：js方式(数组->每个元素添加+"\n")
方式二：静态写法(换位地方添加<xmp>
</xmp>)

HTML

<textarea id="txt"></textarea>
<textarea>陕西电力&#10;陕西电力公司&#10;甘肃省电力公司</textarea>

JS

$(function(){
	var arr = ["陕西电力"+"\n", "陕西电力公司"+"\n", "甘肃省电力公司"+"\n", "兰州电力2"+"\n"],
		arry = StringArray(arr);
		console.log(arry)
	$('#txt').text(arry)
})
//数组清除‘，’
function StringArray(array){
	  array= array.join('').split(',');
	  return array;
}

效果