HTML里面Textarea換行問題總結

2019-10-26 17:14:45

字體：大中小

來源：轉載

供稿：網友

最近碰到一個數據轉來轉去轉到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('
','/n');
document.getElementById("SendTextArea").value=haha;
</script>

這樣就OK啦！

上一篇：Div的一些設置關于邊框和透明度的

下一篇：關于HTML中的滾動條/去掉滾動條問題