我有一个简单的文本区域,像这样的形式:
<textarea style="width:350px; height:80px;" cols="42" rows="5" name="sitelink">
<?php if($siteLink_val) echo $siteLink_val; ?>
</textarea>
我一直在这个文本区域得到额外的空白。当我tab到它,我的光标就像在文本区域的中间,而不是在开始?怎么解释呢?
我有一个简单的文本区域,像这样的形式:
<textarea style="width:350px; height:80px;" cols="42" rows="5" name="sitelink">
<?php if($siteLink_val) echo $siteLink_val; ?>
</textarea>
我一直在这个文本区域得到额外的空白。当我tab到它,我的光标就像在文本区域的中间,而不是在开始?怎么解释呢?
当前回答
另一种方法是使用javascript:
//jquery
$('textarea#someid').html($('textarea#someid').html().trim());
//without jquery
document.getElementById('someid').innerHTML = document.getElementById('someid').innerHTML.trim();
这就是我所做的。删除代码中的空格和换行符会使行太长。
其他回答
基本上应该是这样
<textarea>something here with no spaces in the begining</textarea>
如果有一些预定义的空间,让我们说由于代码格式如下
<textarea>.......
....some_variable
</textarea>
点所示的空格在每次提交时不断增加。
仔细查看您的代码。其中,已经有三个换行符,在</textarea>之前有大量的空白。首先删除这些标签,这样标签之间就不再有换行符了。这可能已经奏效了。
一个对我有效的解决方案是添加样式空白:normal;到文本区域,因为有时消除所有的空白是不可行的(例如,当你想让你的代码遵守你的编码准则,需要添加制表符,空格和换行符)
请注意,默认的文本区域,至少在chrome是: 空白:pre-wrap;
文本区域开始和结束标签之间的任何空格都将被视为空白。所以对于上面的代码,正确的方法是:
<textarea style="width:350px; height:80px;" cols="42" rows="5" name="sitelink"><?php if($siteLink_val) echo $siteLink_val; ?></textarea>
为了让它看起来更简洁,可以考虑使用三元操作符:
<textarea><?=( $siteLink_val ? $siteLink_val : '' );?></textarea>