默认值 TextArea 神秘空间

Question

我有

一个文本区域。我将文件中的默认值加载到其中 (d5)，但由于某些原因，它在该值前面给了我这么多 space。

我试过了

PHP

    $filename = public_path().'/file/external/header.txt';
    $handle = fopen($filename, "r");
    $header = fread($handle, filesize($filename));
    fclose($handle);

Blade

<div class="form-group">
    <label class="col-sm-12 control-label">Description</label>
    <div class="col-sm-12">
        <textarea name="description" class="form-control" rows="5" placeholder="Desciption">
            {{$description}}
        </textarea>
    </div>
</div>

试试#2

从我的parentdiv.classform-group起飞class

<div class="form-group">
  <label class="col-sm-12 control-label">Description</label>
  <div class="col-sm-12">
    <textarea name="description" class="form-control" rows="5" placeholder="Desciption">
      {{$description}}
    </textarea>
  </div>
</div>

我得到了

试试#3

从我的 text-area 元素中删除 class form-control。

<div class="">
  <label class="col-sm-12 control-label">Description</label>
  <div class="col-sm-12">
    <textarea name="description" class="" rows="5" placeholder="Desciption">
      {{$description}}
    </textarea>
  </div>
</div>

我得到了

为什么要这样做？
我是不是做错了什么？
我该如何阻止它？

Answer 1

您在 html 中有缩进。 出现在 opening/closing <textarea> 标签之间的任何内容 成为文本区域的一部分：

<div class="col-sm-12">
    <textarea name="description" class="form-control" rows="5" placeholder="Desciption">
                                                                                        ^
        {{$description}}
^^^^^^^^                ^
    </textarea>
^^^^
</div>

^ 标记您获得的空间。如果你不想要这些空间，那就不要它们：

<textarea>foo</textarea>

v.s.

<textarea>
          ^--line break at start of textarea content
    foo
^^^^----spaces
       ^--another line break
</textarea>

默认值 TextArea 神秘空间

Default Value TextArea Mysterious Spaces

html

php

laravel

blade

我有

我试过了

试试#2

试试#3