首頁 >web前端 >html教學 >HTML裡面Textarea換行問題總整理分析

HTML裡面Textarea換行問題總整理分析

高洛峰
高洛峰原創
2017-03-06 17:01:571394瀏覽

問題描述:
例如get資料到一個TextArea裡面,如“AAA BBB”,想把這段文字在TextArea裡面真正按行存放,而不是顯示出來按行存放(所謂的真正按行存放就是,再把這個TextArea的資料post到另外一個頁面的Textarea裡面仍是按行存放)

問題解決1:
一開始是提交資料的時候格式是AAAfde1d9378415ca5fe4c9bb67e6cfdb81 BBB,但這是顯示換行,其實在TextArea裡面並不是真正按行存放的,因為這個時候再提交給另外一個TextArea的時候就是顯示AAABBB,而不是換行顯示了,因此僅僅是顯示按行存放而已

問題基礎:
HTML裡面的換行是fde1d9378415ca5fe4c9bb67e6cfdb81, 而TextArea的換行是/n

問題解決2:
先提交資料再使用Javascript對fde1d9378415ca5fe4c9bb67e6cfdb81和/n進行替換
提交的時候仍是fde1d9378415ca5fe4c9bb67e6cfdb81作為分隔符號
然後提交完畢以後

##代碼如下:

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

這樣就OK!

更多HTML裡面Textarea換行問題總結分析相關文章請關注PHP中文網!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn