HTML之textarea 换行和空格问题

关于淘气的textarea

textarea ——多行文本域。

textarea 中的空格

textarea 的默认赋值，是放在两个标签中间，标签中间的空格会保留到textarea中；

<textarea style="text-align: center;">1111</textarea>

<textarea style="text-align: center;">
	1111

	2222
	3333
</textarea>

通过以上两段代码对比，发现第二段代码，并没有居中，还保留了换行的格式。
主要原因是，textarea 中会保留文字前后的空格和换行符。

保留容易控制的换行和空格

你可能已经发现在textarea中<br/> \n \t 统统没有效果 ,
没有关系,textarea对转义字符有感觉,不管是那个转移字符都有感觉


 回车

 换行
  空格
<textarea> 111 &#13; 222 &#10;&#13; 333 &nbsp; 444 </textarea>

通过js给textarea设置value值,他就比较乖巧了, \n \t,这些都可以

<textarea id="pre"></textarea>
var oPre = document.body.querySelector('#pre');
oPre.value = ['111', '222','333'].join('\n');