編集フォームで変更前のデータを表示したい

Question

ララベルで住所録を作っています。
編集フォームで、編集前のデータを表示したいと思っています。
編集自体はできるのですが、すべて空欄での再入力になってしまいます。
上記の画像のようになっています。

ララベル９
mysqlを使ってます。
cloud9を使って開発しています。

編集画面

<div class="container small">
  <h1>編集</h1>
  <form action="{{ route('yubins.update',['id'=>$yubins->id])}}" method="POST">
  @csrf
    <fieldset>
      <div class="form-group">
        
        <label for="name">{{ __('名前') }}<span class="badge badge-danger ml-2">{{ __('必須') }}</span></label>
        <input type="text" class="form-control" name="name" id="name">
        
         <label for="name">{{ __('郵便番号') }}<span class="badge badge-danger ml-2">{{ __('必須') }}</span></label>
        <input type="text" class="form-control" name="post7" id="post7">
        
         <label for="name">{{ __('住所') }}<span class="badge badge-danger ml-2">{{ __('必須') }}</span></label>
        <input type="text" class="form-control" name="address" id="address">
        
         <label for="name">{{ __('自宅電話') }}<span class="badge badge-danger ml-2">{{ __('必須') }}</span></label>
        <input type="text" class="form-control" name="tell" id="tell">
        
         <label for="name">{{ __('携帯電話') }}<span class="badge badge-danger ml-2">{{ __('必須') }}</span></label>
        <input type="text" class="form-control" name="phone" id="phone">
        
         <label for="name">{{ __('メールアドレス') }}<span class="badge badge-danger ml-2">{{ __('必須') }}</span></label>
        <input type="text" class="form-control" name="email" id="email">
        
      </div>
      
       <div class="d-flex justify-content-between pt-3">
            <a href="{{ asset('/yubins') }}" class="btn btn-outline-secondary" role="button">
                <i class="fa fa-reply mr-1" aria-hidden="true"></i>{{ __('一覧画面へ') }}
            </a>
            
        <button type="submit" class="btn btn-success">
            {{ __('更新') }}
        </button>
      </div>
      
    </fieldset>
  </form>
</div>

転移前ページ

 <table class="table table-striped task-table">
      <thead>
       <th>名前</th> <th>郵便番号</th>  <th>住所</th>  <th>電話番号</th>  <th>携帯電話</th>  <th>メール</th>
      </thead>
     <tbody>
       @foreach ($yubins as $row)
       <tr>
          <td>{{ $row->name }}</td>
          <td>{{ $row->post7 }}</td> 
          <td>{{ $row->address }}</td>
          <td>{{ $row->tell}}</td>
          <td>{{ $row->phone }}</td>
          <td>{{ $row->email }}</td>
          <td><a href="{{ route('yubins.edit', ['id'=>$row->id]) }}" class="btn btn-info">編集</a></td>
          <td>
              
        <form action="{{ route('yubins.destroy', ['id'=>$row->id]) }}" method="POST">
          @csrf
          @method('delete')
          <button type="submit" class="btn btn-danger" onclick='return confirm("削除しますか？");'>削除</button>
        </form>
        
          </td>
          </tr> 
          @endforeach
      </tbody>
     </table>

こちらになります。
追加情報等不足の場合は、ご連絡ください。編集します。

Comments

[退会済みユーザー]

input要素のvalue属性に変数展開してあげるだけなのでは？

[退会済みユーザー]

value追加してあげるだけで良さそうですね

[sawakuun]

<input type="text" class="form-control" name="name" id="name" value=name>
上記のように追加したらよろしいのでしょうか？？
その場合は

[m.ts10806]

ドキュメントに載っている範囲と思います。

[sawakuun]

皆さんありがとうございます！valueをつけるだけで解決できました！

Answer 1

$model 部分は実情に合わせて書き直してください。

        <label for="name">{{ __('名前') }}<span class="badge badge-danger ml-2">{{ __('必須') }}</span></label>
-        <input type="text" class="form-control" name="name" id="name">
+        <input type="text" class="form-control" name="name" id="name" value="{{ old('name', $model->name) }}">

Comments

[sawakuun]

ありがとうございます！解決できました！