DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> HTML裡面Textarea換行問題總結
HTML裡面Textarea換行問題總結
編輯:HTML和Xhtml     
最近碰到一個數據轉來轉去轉到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啦!
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved