Penanganan Form di PHP

Form inputan dibuat dengan tag-tag HTML. Halaman yang mengandung form murni (tidak ada script php) tidak harus disimpan dalam bentuk php, bisa dalam bentuk html.

Untuk merancang sebuah form inputan, setidaknya ada 3 (tiga) hal penting, yaitu :
1.METHOD
   Method dari sebuah form menentukan bagaimana data inputan form dikirim. Method ini ada dua macam,      yaitu GET dan POST. Method ini menentukan bagaimana data inputan dikirm dan diproses oleh PHP.

2.ACTION
   Action dari sebuah form menentukan dimana data inputan dari form diproses. Jika action ini dikosongkan,      maka dianggap proses form terjadi dihalaman yang sama. Jadi halaman form dan halaman proses bisa saja    dipisah dan dijadikan satu.

3.SUBMIT BUTTON
   Submit button merupakan sebuah tombol ( pada umunya) yang berfungsi sebagai trigger pengiriman data        dari form inputan. Jika tombol ini ditekan, maka data form akan dikirimkan (diproses) di halaman yang          sudah ditentukan pada atribut action.

Berbagai Cara Penanganan Form

Cara 1 : Menyatukan Antara Form dan Proses

             Proses pengolahan form dilakukan dihalaman yang sama dengan form inputannya.Jika proses                        penanganan form berada di satu halaman, maka value atribut action pada tag form tidak perlu diisi              ( dikosongkan).

Program 1.0

Nama File : input01.php

Deskripsi  : Program contoh pengolahan form dimana diantara form inputan dan proses pengolahan inputan dan proses pengolahan inputan dan proses pengolahan inputan berada dalam satu halaman.

Gambar 1.0. script dari program 1.0

Penjelasan Program 1.0

  Beberapa hal yang perlu diperhatikan dari program 1.0 di atas, diantaranya mengenai nama setiap komponen form karena nama ini akan menjadi index array dalam PHP. Pada program 1.0 diatas, value atribut action pada tag form tidak diisi (baris 4) method yang digunakan dalam penanganan form sama Selanjutnya (baris 4) method yang digunakan dalam penanganan form adalah POST. Cara ini lebih disarankan dalam penanganan sebuah form inputan.

   Mulai baris ke-11 hingga 16, terdapat script / program PHP yang akan menangani ( mengelolah) nilai yang diinputkan melalui form. Letak proses inputan ini boleh sebelum atau sesudah for, tergantung kebutuhan. Pada garias ke-12, terdapat pemeriksaan kondisi apakah tombol dengan nama "Input" (perhatikan index array $_POST dan dibandingkan dengan name tombol submit pada form) benar-benar ditekan atau tidak oleh user. Selanjutnya pada baris ke-13 ini, isi komponen  inputan dengan nama "nama" akan diambil dan dimasukkan ke variabel $nama. Index array $_POST pada baris 13 harus sama dengan value atribut name pada baris ke-5.

Gambar 1.1 Tampilan program 1.0

Cara 2 : Memisahkan Antara Form dan Proses
             Proses pengolahan form dilakukan di halaman yang terpisah dengan form inputannya. Jika proses                  penanganan form berada di halaman yang berbeda, maka value atribut action pada tag form harus              diisi dengan alamat halaman tempat proses pengolahan form. 

Program 1.1
Nama File : Input02.php
Deskripsi  : Program menampilkan form inputan dengan method POST

Gambar 1.2.Script untuk program 11

Program 1.2
Nama File : proses02.php

Deskripsi  : Program penanganan form inputan untuk form 1.1

Gambar 1.3.Script untuk program 1.2

Gambar 1.4. Tampilan program 1.1

Gambar 1.5. Tampilan program 1.2

Program 1.3
Nama File : input03.php
Deskripsi  : Program menampilkan form inputan dengan method GET

Gambar 1.5.Script untuk program 1.3

Program 1.4
Nama File : Proses03.php
Deskripsi  : Program penanganan form inputan untuk program 1.3

Gambar 1.6.Script untuk program 1.4

Gambar 1.7.Tampilan program 1.3

Gambar 1.8. Tampilan program 1.4

Penjelasan program 1.1, 1.2, 1.3, dan 1.4

      Program 1.1 dan program 1.2 pada prinsipnya sama dengan program 1.0, hasilnya pun sama. Akan tetapi, proses penanganan form (PHP) terpisahkan dengan tampilan form inputannya (HTML). Pada program 1.1 dan 1.2 , penanganan form menggunakan POST, sedangkan pada program 1.3 dan 1.4, penanganan form dilakukan dengan method (GET). Perhatikan,  method ini menentukan bagimana sebuah form diproses dan bagaimana variabel inputan diambil. Bandingkan baris ke-2 dan ke-3 pada program 1.2 dan program 1.4 !

 
Form Input Type TEXT dan PASSWORD

Program 1.5 
Nama File : input 04.php
Deskripsi  : Program menampilkan form inputan text dalam jumlah banyak

Gambar 1.8. Script untuk program 1.5

Program 1.6 

Nama File : proses04.php

Deskripsi  : Program penanganan form inputan untuk program 1.5

Gambar 1.8.Script untuk program 1.6

Penjelasan Program 1.5 dan 1.6

     Baris 3-6 program 1.6 merupakan proses pengambilan nilai dari masing-masing form inputan text yang terdapat pada program 1.5. Selanjutnya variabel ini ditampilkan dilayar (baris 8-11, program 1.6).

Gambar 1.9.Tampilan program 1.5

Gambar 2.0 Tampilan program 1.6

Program 1.7

Nama File : input05.php

Deskripsi  : Program menampilkan form login (inputan text dan password)

Gambar 2.1.Script dari program 1.7

Program 1.8

Nama File : proses05.php

Deskripsi  : Program sederhana untuk memeriksa inputan username dan password  pada program 1.7

Gambar 2.2. Script dari program 1.8

Penjelasan Program 1.7 dan 1.8 

   Program 1.7 akan menampilkan form login sederhana yang terdiri dari inputan username dan password selanjutnya nilai yang diinput akan diproses di program 1.8. Jika username dan password diinput dengan benar maka akan ditampilkan pesan berhasil (lihat gambar) dan jika login salah maka akan ditampilkan pesan kesalahan (lihat gambar).

Gambar 2.3.Tampilan program 1.7

Gambar 2.4. Tampilan program 1.7 jika logi berhasil

Gambar 2.5. Tampilan program 1.7  jika login gagal

Form Inputan Type RADIO

   Pada inputan jenis radio button, user hanya bisa memilih satu pilihan diantara beberapa pilihan

Program 1.9 

Nama File : input06.php
Deskripsi  : Program menampilkan form pilihan jurusan dengan radio button

Gambar 2.6.Script untuk program 1.9

Program 2.0

Nama File : proses06.php

Deskripsi  : Program untuk mengambil dan menampilkan jurusan yang dipilih pada program 1.9

Penjelasan Program 1.9 dan 2.0 

          Program 1.9 akan menampilkan form pilihan inputan jurusan dengan radio button (lihat gambar). Pada form inputan jenis radio button, name dari masing-masing radio button harus sama, akan tetapi value-nya harus dibedakan. Perhatikan program 1.9  baris 6-9! Untuk mengambil nilai (value) dari form jenis radio, bisa langsung ,engakses dari name form tersebutPerhatikan program 2.0 baris ke-3.

Gambar 2.7.Tampilan dari program 1.9

Gambar 2.8. Tampilan dari program 2.0

Form Input Type CHECK BOX

  Pada form inputan jenis check box, user dimungkinkan memilih lebih dari satu pilihan.

Program 2.1

Nama File : input07.php

Deskripsi  : Program menampilkan form inputan nama band favorit dengan check box.

Gambar 2.9.Script dari program 2.1

Program 2.2

Nama File : proses07.php

Deskripsi  : Program untuk menampilkan nama band favorit sesuai inputan pada program 2.1

Gambar 3.0.Script untuk program 2.2

Penjelasan program 2.1 dan 2.2 

   Program 2.1 akan menampilkan form pilihan inputan check box band form (lihat gambar). Pada form inputan jenis check box, name dari masing-masing check box harus dibedakan. User dapat memilih lebih dari satu pilihan. Perhatikan program 2.1 pada baris 6-9! Untuk mengambil nilai (value) dari form jenis check box,  sebaiknya diperiksa terlebih dahulu apakah check box dipilih atau tidak, dengan menggunakan fungsi  Isset(). Perhatikan program 2.2 baris ke-4. Jika check box di-cek (dipilih) maka ambil value dari check box tersebut (baris ke-5).

Gambar 3.1.Tampilan dari program 2.1

 

Gambar 3.2.Tampilan dari program 2.2

Form Input Type COMBO BOX

Program 2.3

Nama File : input08.php

Deskripsi  : Program menampilkan form inputan film kartun favorit dengan combo box

Gambar 3.3.Script dari program 2.3

Program 2.4

Nama File : proses08.php

Deskripsi  : Program untuk menampilkan nama film kartun favorit sesuai dengan inputan pada program 2.3

Gambar 3.4. Script untuk program 2.4

Penjelasan program 2.3 dan 2.4 

       Program 2.3 akan menampilkan form pilihan inputan combo box film kartun favorit (lihat gambar) Untuk membuat inputan jenis combo box, bisa mebggunakan tag <select> dan <option>. Pada form inputan jenis check box, name diletakkan pada tag <select>. User hanya dapat memilih satu pilihan dari sejuta pilihan yang ditampilkan dalam bentuk  drop down list.  Lihat gambar, untuk mengambil nilai(value) dari form jenis combo box, dapat langsung megaksesnya sesuai dengan name-nya. Perhatikan program 2.4 baris ke-3!

Gambar 3.5 Tampilaln drai program 2.3

Gambar 3.6 Tampilan dari program 2.4

Form Input Type TEXTAREA

Program 2.5 

Nama File : input09.php
Deskripsi  : Program menampilkan form inputan kritik dan saran dengan text area.

Gamabar 3.7 .Script untuk program 2.5

Program 2.6

Nama File : proses09.php

Deskripsi  : Porgram untuk menampilkan isi kritik/saran sesuai dengan inputan text area pada program 2.5

Gamabr 3.8.Script unutk program 2.6

Penjelasan Program 2.5 dan 2.6 

        Program 2.5 akan menampilkan form kritik saran menggunakan text area (lihat gambar). Untuk membuat inputan jenis combo box, bisa menggunkan tag <textarea>. Berbeda dengan inputan type text yang hanya diinputkan satu baris, pada text area, dapat langsung mengaksesnya sesuai dengan name-nya. Perhatikan program 2.6 baris ke-3!

Gamabr 3.9 Tampilan dari program 2.5

Gambar 4.0 Tampilan dari program 2.6

Sumber : Achmad Solichin(Achmatim@gmail.com)