testareaの初期値(Value)が反映されない時の解決法

エラー状況

例えば下記のような入力フォームにinputエリアとtextareaエリアを実装したとする。

更新して再度開いた時に前回、更新した内容が表示できるようにしたい。
しかしinputエリアは通常に表示されているが、textareaは表示がされていない状況。

修正作業

コードを確認してみると

<div class="title-area">
  <label for="test1">タイトル</label>
  <input id="test1" type="text" name="title" value="{{$sample->title}}">
</div>
<div class="text-area">
  <label for="test2">メモ</label>
  <textarea id="test2" type="text" name="memo" value="{{$sample->memo}}" row="5"></textarea>
</div>

一見、問題ないように見えますが、
textareaにvalueを設定するのではなく、開始タグと閉じタグの間に表示されたい変数などを入れるようにコードを修正すれば、表示されると思います。

<div class="title-area">
  <label for="test1">タイトル</label>
  <input id="test1" type="text" name="title" value="{{$sample->title}}">
</div>
<div class="text-area">
  <label for="test2">メモ</label>
  <textarea id="test2" type="text" name="memo" row="5">{{$sample->memo}}</textarea>
</div>

最後に

textareaはinputと同じように書きがちなので初学者の方がハマるエラーだと思い、執筆しました。
参考になれば幸いです。