textarea内部换行实现
當(dāng)在使用textarea的時(shí)候，有一次需求，需要做到自定義換行，而不是通過(guò)textarea定寬來(lái)自動(dòng)換行，其實(shí)在html中可以直接通過(guò)<br/>來(lái)?yè)Q行，同時(shí)也想到用\n來(lái)實(shí)現(xiàn)換行，其結(jié)果是根本不鳥(niǎo)你。
<textarea cols="50" rows="5" id="textareaid">"adfsadfs<br/>fddsadfds \n dfadadf"</textarea>百度幾翻網(wǎng)上確實(shí)有說(shuō)可以用\r\n去實(shí)現(xiàn)換行，如果只兼容微軟系統(tǒng)的話直接\n即可，但是實(shí)驗(yàn)確實(shí)不行，后面想到是不是必須通過(guò)JS賦值才可以實(shí)現(xiàn)，于是出現(xiàn)如下代碼：
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Document</title> </head> <body><textarea cols="50" rows="5" id="textareaid">"adfsadfs<br/>fddsadfds \n dfadadf"</textarea><script type="text/javascript">document.onclick=function(){alert(1);var str='5456455d4fgdfgdgdg \n dsfafdadfadfafa';document.getElementById("textareaid").value=str;}</script></body> </html>成功的實(shí)現(xiàn)了textarea換行，所以我推斷，要想實(shí)現(xiàn)textarea換行，必須得動(dòng)態(tài)JS賦值才行。
樓下有大牛@?wangmeijian 給出解決方法，如果不想動(dòng)態(tài)JS賦值就實(shí)現(xiàn)換行：可以通過(guò)輸入HTML實(shí)體換行符“ ”來(lái)實(shí)現(xiàn)換行,確實(shí)可行，nice!
測(cè)試地址
注：百度上有說(shuō)明要想實(shí)現(xiàn)兼容linux,unix,Mac OS,window,可以把\n換成\r\n,但我在蘋(píng)果系統(tǒng)下用\n也實(shí)現(xiàn)了換行，linux,unix系統(tǒng)下沒(méi)測(cè)試，求解
個(gè)人知識(shí)有限，如有錯(cuò)誤的地方還望指正，共同學(xué)習(xí)共同進(jìn)步！
總結(jié)
以上是生活随笔為你收集整理的textarea内部换行实现的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 决策理论与方法
- 下一篇： 分析一下云ERP与本地ERP相比区别在哪