HTML里面Textarea换行总结

最近碰到一个数据转来转去转到Textrea里面是否能真正按行存放的问题，在这里总结一下：

 

问题描述：

比如get数据到一个TextArea里面，如“AAA BBB”，想把这段文字在TextArea里面真正按行存放，而不是显示出来按行存放（所谓的真正按行存放就是，再把这个TextArea的数据post到另外一个页面的Textarea里面仍是按行存放）

 

问题解决1：

一开始是提交数据的时候格式是AAA<BR />BBB，但是这是显示换行，其实在TextArea里面并不是真正按行存放的，因为这个时候再提交给另外一个TextArea的时候就是显示AAABBB，而不是换行显示了，因此仅仅是显示按行存放而已

 

问题基础知识：

HTML里面的换行是<BR />,而TextArea的换行是/n

 

问题解决2：

先提交数据再使用Javascript对<BR />和/n进行替换

提交的时候仍是<BR />作为分隔符

然后提交完毕以后

 <script>
         //换行转回车
         var haha=document.getElementById("SendTextArea").value;
         haha=haha.replace('<br />','/n');
         document.getElementById("SendTextArea").value=haha;
 </script>

 

这样就OK啦！

相关文章推荐：

1.JQuery TextArea的val()、html()、text()取值与赋值问题

2.HTML textarea 多行文本输入标签

3.textarea属性设置详解

4.textarea文本域宽度和高度（width、height）自动适应变化处理

5.实现textarea限制输入字数