为什么文本区域充满神秘的空白?

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

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

我一直在这个文本区域得到额外的空白。当我tab到它，我的光标就像在文本区域的中间，而不是在开始?怎么解释呢?

当前回答

简而言之: <textarea>应该立即在它开始的同一行上关闭。

一般做法:这将增加代码中用于缩进的换行符和空格。

<textarea id="sitelink" name="sitelink">
</textarea>

正确的做法

<textarea id="sitelink" name="sitelink"></textarea>

其他回答

我知道已经很晚了，但是我可以帮助别人。

在需要文档缩进时使用此选项。

$(document).ready(function()
{
    $('textarea').each(function(){
            $(this).val($(this).val().trim());
        }
    );
});

同样的问题

一个对我有效的解决方案是添加样式空白: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>之前有大量的空白。首先删除这些标签，这样标签之间就不再有换行符了。这可能已经奏效了。

为了让它看起来更简洁，可以考虑使用三元操作符:

<textarea><?=( $siteLink_val ? $siteLink_val : '' );?></textarea>

推荐文章