Laravel-forms
提供:Dev Guides
Laravel-フォーム
Laravelは、HTMLフォームを簡単かつ安全に処理するためのさまざまな組み込みタグを提供します。 HTMLの主要な要素はすべて、Laravelを使用して生成されます。 これをサポートするには、composerを使用してHTMLパッケージをLaravelに追加する必要があります。
例1
- ステップ1 *-次のコマンドを実行して同じことを続行します。
composer require illuminate/html
- ステップ2 *-次の画像に示すように、これによりHTMLパッケージがLaravelに追加されます。
ステップ3 *-次に、 config/app.php。*に保存されているLaravel構成ファイルに上記のパッケージを追加する必要があります。このファイルを開くと、次の画像に示すようにLaravelサービスプロバイダーのリストが表示されます。 。 次の画像のアウトラインボックスに示されているように、HTMLサービスプロバイダーを追加します。
- ステップ4 *-HTMLとフォームの同じファイルにエイリアスを追加します。 次の画像のアウトラインボックスに示されている2行に注目し、これらの2行を追加します。
- ステップ5 *-これですべてがセットアップされました。 Laravelタグを使用してさまざまなHTML要素を使用する方法を見てみましょう。
フォームを開く
{{ Form::open(array('url' => 'foo/bar')) }}
//
{{ Form::close() }}
ラベル要素の生成
echo Form::label('email', 'E-Mail Address');
テキスト入力の生成
echo Form::text('username');
デフォルト値の指定
echo Form::text('email', '[email protected]');
パスワード入力の生成
echo Form::password('password');
ファイル入力の生成
echo Form::file('image');
チェックボックスまたはラジオ入力の生成
echo Form::checkbox('name', 'value');
echo Form::radio('name', 'value');
チェックされるチェックボックスまたはラジオ入力の生成
echo Form::checkbox('name', 'value', true);
echo Form::radio('name', 'value', true);
ドロップダウンリストの生成
echo Form::select('size', array('L' => 'Large', 'S' => 'Small'));
送信ボタンの生成
echo Form::submit('Click Me!');
例2
- ステップ1 *-次のコードをコピーして、というビューを作成します
*resources/views/form.php* 。
*resources/views/form.php*
<html>
<body>
<?php
echo Form::open(array('url' => 'foo/bar'));
echo Form::text('username','Username');
echo '<br/>';
echo Form::text('email', '[email protected]');
echo '<br/>';
echo Form::password('password');
echo '<br/>';
echo Form::checkbox('name', 'value');
echo '<br/>';
echo Form::radio('name', 'value');
echo '<br/>';
echo Form::file('image');
echo '<br/>';
echo Form::select('size', array('L' => 'Large', 'S' => 'Small'));
echo '<br/>';
echo Form::submit('Click Me!');
echo Form::close();
?>
</body>
</html>
ステップ2 *- *app/Http/routes.php に次の行を追加して、form.phpビューのルートを追加します
*app/Http/routes.php*
Route::get('/form',function() {
return view('form');
});
- ステップ3 *-次のURLにアクセスして、フォームを確認します。
http://localhost:8000/form
- ステップ4 *-出力は次の画像のように表示されます。