ヘルパ関数を使わずにformを使いたいです。

Question

ヘルパ関数の所をブートストラップのformを使い、直したいです。

<div class="row">
      <div class="col-sm-6 offset-sm-3">

        {!! Form::open(['route' => 'login.post']) !!}
          <div class="form-group">
            {!! Form::label('email', 'Email') !!}
            {!! Form::email('email', old('email'), ['class' => 'form-control']) !!}
          </div>

          <div class="form-group">
            {!! Form::label('password', 'Password') !!}
            {!! Form::password('password', ['class' => 'form-control']) !!}
          </div>

            {!! Form::submit('Log in', ['class' => 'btn btn-primary btn-block']) !!}
            {!! Form::close() !!}

            <p class="mt-2">New user? {!! link_to_route('signup.get', 'Sign up now!') !!}</p>
      </div>
    </div>

ここまでは出来ましたが、{!! Form::open(['route' => 'login.post']) !!}の所が上手く動きません。

<div class="row">
      <div class="col-sm-6 offset-sm-3">

        {!! Form::open(['route' => 'login.post']) !!}
          <div class="form-group">
            <label>Email</label>
            <input type="text" name="email" class="form-control" value = "{{ old('email') }}">
          </div>
          <div class="form-group">
            <label>Password</label>
            <input type="text" name="password" class="form-control">
          </div>
          
            {!! Form::submit('Log in', ['class' => 'btn btn-primary btn-block']) !!}
        {!! Form::close() !!}

            <p class="mt-2">New user? {!! link_to_route('signup.get', 'Sign up now!') !!}</p>
      </div>
    </div>

Comments

[m.ts10806]

Laravelのバージョンを明記してください。

[m.ts10806]

>受け渡しが上手くコーディング出来ません。
どういうことでしょうか。何を使用として、どのようにしたくて、何が起きているのでしょうか。具体的に記載してください。

[q-.-p]

Laravel5.8です。
ログイン画面でヘルパー関数の所を普通のformを使って、動かしたいです。

[m.ts10806]

普通にformタグ打てば良いのでは？
inputも普通にinputタグ打てば良いのでは？

[q-.-p]

はい、そうしたいのですが、ヘルパー関数が何をしているのかが理解出来ておらず、理解しようと、formやinputに変更している所でした。

質問の仕方が間違っておりました。
{!! Form::open(['route' => 'login.post']) !!}
{!! Form::submit('Log in', ['class' => 'btn btn-primary btn-block']) !!}
{!! Form::close() !!}は、formを使うとどうなるのでしょか？

<form action="{{ route('login.post')}}" method="POST">
<button type="submit" class="btn btn-primary btn-block">
Log in
</button>
</form>

[m.ts10806]

HTMLがちゃんと組めればいいので手法云々は割とどうでもいい気がします。

[q-.-p]

アドバイス、ありがとうございます。
現場ではあまりヘルパー関数を使わないと聞いたので、復習でやったら出来なかったので、質問させて頂きました。
また、宜しくお願い致します。

[m.ts10806]

「使いたいかどうか」でいいんではないでしょうか。
プロジェクトのルールがあればそれに沿うだけ
そうでなければ好みもあるでしょうし。
「正しいHTMLを組む」というゴールは同じですので。

[q-.-p]

ありがとうございます。
早くゴールに行けるように、頑張ります。
ヘルパー関数については、パッと見た時に、何をしているのか分かりにくいと感じたので、これからは普通のタグを使うようにします。いずれは、どちらも使いこなせるようにします！！

[m.ts10806]

＞早くゴールに行けるように、頑張ります。
伝わってないかもしれないのでそこはこちらの書き方が悪かったのですけど、
動的なページを作る際には必ずといっていいほど静的なHTML、「モックアップ」と言われる試作品を作ります。
つまり、ゴールを先に作るわけです
あとは動的に作った結果をブラウザで確認し、「ソースを表示」で出力されたHTMLとモックアップを見比べ、正しく出力されているか確認します。
HTMLが同じであればレイアウトは同じであるはずですからね。

[q-.-p]

モックアップ。初めて聞きました。勉強になります。調べます。

目指すべきものを決めずに、ゴールを設定していない状況で、ただ進んでいたので、迷走していました。
行き当たりばったりにならないように気をつけます。

Answer 1

<div class="row">
      <div class="col-sm-6 offset-sm-3">

      <form action="{{ route('login.post')}}" method="POST">
        @csrf
          <div class="form-group">
            <label>Email</label>
            <input type="text" name="email" class="form-control" value = "{{ old('email') }}">
          </div>
          <div class="form-group">
            <label>Password</label>
            <input type="text" name="password" class="form-control">
          </div>
          <button type="submit" class="btn btn-primary btn-block">
            Log in
          </button>
      </form>
        <p>New user?  <a href="{{route('signup.get')}}">Sign up now!</a></p>
      </div>
    </div>

どうにか出来ました。ありがとうございました。