Почему текстовая область заполнена таинственными пробелами?

Я против кода HTML, смешанного с кодом PHP.

Однако попробуйте следующее:

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

Сначала убедитесь, что ваш $ siteLink_val не возвращает пробел в качестве значения. Элемент по умолчанию имеет пустое значение, поэтому, если в переменной, которую вы повторяете, по какой-то причине есть пробелы, проблема сразу возникает. </p> <p> Чтобы сделать код максимально чистым, я бы посоветовал вам сделать что-то вроде этого, что позволит немного гибкости позже. Я создал функцию, которая возвращает либо NULL, если переменная отсутствует (то, к чему вы, кажется, стремитесь в исходном сообщении), либо абсолютное значение в противном случае. Убедившись в содержимом переменной, попробуйте следующее: </p> <pre><code>function build_siteLink_val() { if ( $siteLink_val ) { return $siteLink_val; } else { return ""; } } $output_siteLink_val = build_siteLink_val(); </code></pre> <p> И следующий код в вашем текстовом поле теперь будет читать: </p> <pre><code><textarea style="width:350px; height:80px;" cols="42" rows="5" name="sitelink"><?=$output_siteLink_val?></textarea> </code></pre> <p> Предполагается, что ваша установка PHP настроена на вызовы сокращенных переменных, как показано в сокращенные теги "<? =?>". Если вы не можете выводить таким образом, не забудьте поставить перед PHP-кодом «<? Php» и закрыть «?>». </p> <p> Избегайте разрывов строки между тегами <textarea>, потому что это может создать возможность появления ошибочных символов. </p> <p> Также проверьте свой CSS, чтобы убедиться, что нет правила заполнения, выталкивающего текст внутрь. </p> <p> Кроме того, вы указываете значение столбцов и строк в текстовой области, а затем задаете ширину и высоту. Эти правила контрпродуктивны и приведут к противоречивым визуальным эффектам. Придерживайтесь определения размера с помощью стиля (я рекомендую дать элементу класс) или строк / столбцов. </p> </div> <div class="votes-answer"> <div class="vote-count" itemprop="upvoteCount">0</div><i class="fa fa-thumbs-o-up"></i> </div> <div class="clearfix"></div> <div class="action-time"> ответ дан <span title="23 November 2019 в 02:26 ">23 November 2019 в 02:26 </span> </div> <a class="s-link" href="/questions/238369/pochemu-tekstovaja-oblast-zapolnena-tainstvennymi-probelami#584" title="поделиться">поделиться</a> </div> <div class="post-layout--right"> <div id="comments-729635"> <ul class="comments-list js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> </ul> </div> </div> </div> </div> <div class="answer" id="729640" itemscope="" itemtype="http://schema.org/Answer"> <div class="answer-row"> <div class="answer-text"> <div class="description" itemprop="text"> <p> Также , когда вы говорите, что курсор находится «посередине» текстового поля, это наводит на мысль, что у вас также могут быть дополнительные отступы или <strong> text-align: center </strong>, определенные где-то в вашем CSS. </p> </div> <div class="votes-answer"> <div class="vote-count" itemprop="upvoteCount">0</div><i class="fa fa-thumbs-o-up"></i> </div> <div class="clearfix"></div> <div class="action-time"> ответ дан <span title="23 November 2019 в 02:26 ">23 November 2019 в 02:26 </span> </div> <a class="s-link" href="/questions/238369/pochemu-tekstovaja-oblast-zapolnena-tainstvennymi-probelami#584" title="поделиться">поделиться</a> </div> <div class="post-layout--right"> <div id="comments-729640"> <ul class="comments-list js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> </ul> </div> </div> </div> </div> <div class="answer" id="731812" itemscope="" itemtype="http://schema.org/Answer"> <div class="answer-row"> <div class="answer-text"> <div class="description" itemprop="text"> <p> Чтобы он выглядел немного чище, рассмотрите возможность использования тернарного оператора: </p> <pre><code><textarea><?=( $siteLink_val ? $siteLink_val : '' );?></textarea> </code></pre> </div> <div class="votes-answer green"> <div class="vote-count" itemprop="upvoteCount">4</div><i class="fa fa-thumbs-o-up"></i> </div> <div class="clearfix"></div> <div class="action-time"> ответ дан <span title="23 November 2019 в 02:26 ">23 November 2019 в 02:26 </span> </div> <a class="s-link" href="/questions/238369/pochemu-tekstovaja-oblast-zapolnena-tainstvennymi-probelami#584" title="поделиться">поделиться</a> </div> <div class="post-layout--right"> <div id="comments-731812"> <ul class="comments-list js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> </ul> </div> </div> </div> </div> <div class="answer" id="731813" itemscope="" itemtype="http://schema.org/Answer"> <div class="answer-row"> <div class="answer-text"> <div class="description" itemprop="text"> <p> Хорошо , все между <code> <textarea> </code> и <code> используется как значение по умолчанию для вашего текстового поля. В вашем примере есть пробелы. Постарайтесь все это исключить.

Открывайте (и закрывайте!) Теги PHP сразу после тегов textarea и перед ними:

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