我有一个简单的文本区域,像这样的形式:

<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();

这就是我所做的。删除代码中的空格和换行符会使行太长。

其他回答

一个对我有效的解决方案是添加样式空白:normal;到文本区域,因为有时消除所有的空白是不可行的(例如,当你想让你的代码遵守你的编码准则,需要添加制表符,空格和换行符)

请注意,默认的文本区域,至少在chrome是: 空白:pre-wrap;

保持文本区域代码内没有额外的空白

此外,如果您看到额外的空行 在元语言中有解决方案:

<textarea>
for line in lines:
echo line.replace('\n','\r')
endfor
</textarea>

它将打印没有额外空行的行 当然,这取决于你的行是否以“\n”,“\r\n”或“”结尾——请适应

好吧,<textarea>和</textarea>之间的所有内容都被用作textarea框的默认值。在你的例子中有一些空白。试着消除所有这些。

如果您仍然喜欢使用缩进,请在打开<?PHP标签,如下所示:

<textarea style="width:350px; height:80px;" cols="42" rows="5" name="sitelink"><?php // <--- newline
    if($siteLink_val) echo $siteLink_val; // <--- indented, newline
?></textarea>

另一种方法是使用javascript:

//jquery
$('textarea#someid').html($('textarea#someid').html().trim());

//without jquery
document.getElementById('someid').innerHTML = document.getElementById('someid').innerHTML.trim();

这就是我所做的。删除代码中的空格和换行符会使行太长。