Dasar – dasar Form Laravel

1. Pembuka Form

Biasanya untuk membuat form kita memerlukan seperti code dibawah ini.

1 2 3

< form method="POST" action="…" >   … < /form>

Didalam laravel kita dapat menulisnya seperti ini.

1 2 3

{{ Form::open(array('url' => '…')) }}     … {{ Form::close() }}

Kita sebelumnya juga sudah belajar tentang blade, dengan code form seperti diatas akan pasti lebih enak. Form diatas method default nya adalah POST, bagaimana kalau mau mengganti method menjadi GET,  Lihat code dibawah ini.

1	Form::open(array('url' => 'user', 'method' => 'GET'))

Tidak hanya POST dan GET yang bisa kita gunakan untuk selain itu seperti PUT dan DELETE pun juga bisa.
Untuk agar bisa digunakan upload file kita biasanya menggunakan enctype='multipart/form-data' di form laravel kita bisa menggunakan 'files' => true code seperti ini.

1	Form::open(array('url' => 'profile', 'files' => true))

2. Label
Dalam membuat label dengan form bawaan laravel code seperti dibawah ini.

1	Form::label('nama', 'Nama')

3. Text, Text Area Password, Hidden Field dan Button.
Jika kita biasanya untuk membuat form input text, textarea, password dan hidden file seperti ini.

1 2 3 4 5 6 7 8 9

< input name="username" type="text"> < textarea name="alamat" cols="50" rows="10"> < /textarea> < input name="password" type="password" > < input name="id" type="hidden"> < input type="submit" value="Submit">

Di Framework Laravel anda bisa menuliskan seperti dibawah ini.

1 2 3 4 5 6 7 8 9

Form::text('username') Form::textarea('alamat')  Form::password('password') Form::hidden('id') Form::submit('Submit')

Untuk memberi nilai default contohnya seperti ini.

1	Form::text('nama', 'SeputarPemrograman')

4. Checkbox dan Radio
Biasanya untuk buat Checkbox dan Radio seperti ini.

1 2 3

< input name="nama" type="checkbox" value="SeputarPemrograman"> < input name="nama" type="radio" value=" SeputarPemrograman ">

Jika menggunakan Form bawaan Laravel maka menjadi seperti ini.

1 2 3

{{Form::checkbox('nama', ' SeputarPemrograman ')}} {{Form::radio('nama', ' SeputarPemrograman ')}}

Agar secara default tercentang atau Checked anda dapat menggunakan true seperti ini.

1 2	Form::checkbox('nama', ' SeputarPemrograman ', true); Form::radio('nama', ' SeputarPemrograman ', true);

5. File Input
Anda dapat menggunakan seperti dibawah ini.

1	Form::file('image')

6. Drop-Down List
Jika biasanya anda membuat dropd-down list dengan code sepanjang ini.

1 2 3 4

< select name="jeniskelamin"> < option value="L">Laki - Laki< /option> < option value="P">Perempuan< /option> < /select>

Dengan menggunakan Form bawaan laravel akan menjadi lebih pendek.

1	Form::select('jeniskelamin', array('L' => 'Laki - Laki', 'P' => 'Perempuan'))

Untuk membuat list terseleksi secara default anda dapat menggunakan seperti ini.

1	Form::select('jeniskelamin', array('L' => 'Laki - Laki', 'P' => 'Perempuan'), 'L')

Itu adalah dasar – dasar form dari bawaan framework laravel dan masih banyak yang lain silahkan ke website laravel.com

Membuat Form Sederhana

Tutorial diatas telah menjelaskan dasar – dasar dari penggunaan form laravel. Selanjutnya kita akan membuat form laravel seperti gambar dibawah ini.
 
Pertama buat dahulu file didalam folder views bernama formsederhana.blade.php dan isikan dengan code berikut ini.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53

@extends('layouts.master') @section('content') < div class="row">     < div class="col-lg-12">         < h1 class="page-header">             Halaman             Form Sederhana         < /h1>         {{ Form::open(array('url' => 'formsederhana')) }}             < div class="form-group">                         {{ Form::label('nama', 'Nama') }}                                     {{ Form::text('nama', null, array('class' => 'form-control','placeholder'=>'masukkan nama')) }}             < /div>              < div class="form-group">                         {{ Form::label('jeniskelamin', 'Jenis Kelamin') }}                 {{ Form::select('jeniskelamin', array('L' => 'Laki - Laki', 'P' => 'Perempuan'), null, array('class' => 'form-control','placeholder'=>'Pili Jenis Kelamin')) }}             < /div>             < div class="form-group">                 {{ Form::label('alamat', 'Alamat') }}                 {{ Form::textarea('alamat', null, array('class' => 'form-control','placeholder'=>'masukkan alamat')) }}              < /div>             {{ Form::submit('Kirim', array('class' => 'form-control')) }}         {{ Form::close() }}     < /div> < /div> @stop // Hilangkan spasi antara < dan div, /div, h1, /h1

Setelah itu buka controller ProfileController.php dan tambahkan code / fungsi berikut ini, dibawah fungsi profile.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

public function formsederhana() {         return View::make('formsederhana'); } public function postformsederhana() {         $nama = Input::get('nama');         $jeniskelamin = Input::get('jeniskelamin');         $alamat = Input::get('alamat');         return 'Nama : '.$nama.'< br/> Jenis Kelamin : '.$jeniskelamin.'< br/> Alamat '.$alamat; } // Hilangkan spasi antara < dan br/

Lalu buka routes.php dan tambahkan code dibawah ini.

1 2 3

Route::get('formsederhana', 'ProfileController@formsederhana'); Route::post('formsederhana', 'ProfileController@postformsederhana');

Dan yang terakhir buka file sidebar.blade.php dan tambahkan code ini.

1 2 3 4

< li>        < a href="{{ URL::to('formsederhana') }}">< i class="fa fa-fw fa-edit">< /i> Form Sederhana< /a> < /li> // Hilangkan spasi antara < dan li, /li, a, /a, i, i/

Dibawahnya code.

1 2 3 4 5

< li>       < a href="{{ URL::to('profile/Andri') }}">< i class="fa fa-fw fa-user">< /i> Profile< /a> < /li> // Hilangkan spasi antara < dan li, /li, a, /a, i, i/

Maka di sidebar akan muncul menu baru seperti gambar berikut.

Selesai, sekarang coba klik menu form sederhana maka akan muncul seperti gambar form diatas.
Catatan : tutorial ini bisa diikuti jika sudah mengikuti tutorial sebelumnya yaitu “Memanfaatkan Blade Templating Laravel Untuk Memadukan Template Bootstrap”.