怎么去掉<textarea>中莫明的空格-图文
今天遇到了<textarea>莫名的有几行空格,确实查看没有问题,因为前面有几个<textarea>又没有出现这个情况,对比起来也没有啥特别的,然后就一个一个的去复制过了,确实复制过来就没有了,奇怪了半天,然后在网上找了下,下面一个问题分析得很透彻。推荐给大家。
![clip_image001[4] clip_image001[4]](http://www.weidays.com/wp-content/uploads/2010/12/clip_image0014.gif)
如上图所示,页面打开没输入任何内容,光标放到文本框中却发觉文本框中多了神秘的空格,打开源代码没看出有什么异常:
试图用js去空格去掉它,但发觉保存完再打开时仍存在。会不会又是全角空格的原因?试着将</textarea>上拉一行,这回正常了。
无意中回车再换成两行后神秘的空格又出来了!那么就不是全角空格的原因:(
DW中新建一个HTML页,插入一个teaxtarea,再用回车将<textarea>和</textarea>分成两行,浏览却没出现神秘的空格:
![clip_image007[4] clip_image007[4]](http://www.weidays.com/wp-content/uploads/2010/12/clip_image0074.gif)
无语!直觉做了如下测试:
![clip_image008[4] clip_image008[4]](http://www.weidays.com/wp-content/uploads/2010/12/clip_image0084.gif)
好了,总结一下:应尽量避免<textarea>和</textarea>之间出现非常规字符,以避免神秘空格的出现!

![clip_image003[4] clip_image003[4]](http://www.weidays.com/wp-content/uploads/2010/12/clip_image0034.jpg)
![clip_image005[4] clip_image005[4]](http://www.weidays.com/wp-content/uploads/2010/12/clip_image0054.jpg)
![clip_image006[4] clip_image006[4]](http://www.weidays.com/wp-content/uploads/2010/12/clip_image0064.gif)
