HTML里面Textarea換行問題總結(jié)

2019-10-26 17:14:45

字體：大中小

供稿：網(wǎng)友

最近碰到一個(gè)數(shù)據(jù)轉(zhuǎn)來轉(zhuǎn)去轉(zhuǎn)到Textrea里面是否能真正按行存放的問題，在這里總結(jié)一下：

問題描述：
比如get數(shù)據(jù)到一個(gè)TextArea里面，如“AAA BBB”，想把這段文字在TextArea里面真正按行存放，而不是顯示出來按行存放（所謂的真正按行存放就是，再把這個(gè)TextArea的數(shù)據(jù)post到另外一個(gè)頁(yè)面的Textarea里面仍是按行存放）

問題解決1：
一開始是提交數(shù)據(jù)的時(shí)候格式是AAA<BR />BBB，但是這是顯示換行，其實(shí)在TextArea里面并不是真正按行存放的，因?yàn)檫@個(gè)時(shí)候再提交給另外一個(gè)TextArea的時(shí)候就是顯示AAABBB，而不是換行顯示了，因此僅僅是顯示按行存放而已

問題基礎(chǔ)知識(shí)：
HTML里面的換行是<BR />,而TextArea的換行是/n

問題解決2：
先提交數(shù)據(jù)再使用Javascript對(duì)<BR />和/n進(jìn)行替換
提交的時(shí)候仍是<BR />作為分隔符
然后提交完畢以后

復(fù)制代碼

代碼如下:
<script>
//換行轉(zhuǎn)回車
var haha=document.getElementById("SendTextArea").value;
haha=haha.replace('
','/n');
document.getElementById("SendTextArea").value=haha;
</script>

這樣就OK啦！

上一篇：Div的一些設(shè)置關(guān)于邊框和透明度的

下一篇：關(guān)于HTML中的滾動(dòng)條/去掉滾動(dòng)條問題