关于文本域的换行问题
今天在做项目的时候遇到了一个问题,就是关于textarea里的换行问题。
其实textarea里的换行符\n是一直存在的,包括从获取值到传递值再到存储在数据库中,只不过当我们把其显示在<div>等标签中的时候,这个换行符就会被空格所代替,造成换行丢失的错觉。其实,当我们把这些值重新放到textarea里时,我们就会发现,这些值还是保持着我们提交时的换行状态。
解决办法:
一:提交的时候,可以用
1 <textarea name="lala" id="lala"></textarea> 2 <scirpt type="text/javascript"> 3 var lala = document.getElementById('lala').value; 4 lala = lala.replace(/\n/g,"<br/>"); 5 </scirpt>
这种方式来将换行符换成<br/>换行标签。但是当我们把这些值重新放回textarea中时,我们不得不在php端再做一次替换
<?php echo str_replace("<br/>","\n",$a);?>(这里注意,必须是双引号!)
二:一位大牛告诉我的办法,就是不用上面那么麻烦的做法,直接在网页中用个<pre><pre/>标签,或者在样式中给一个css样式 white-space: pre;也会有同样的效果哦。