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 disatu halaman, maka value atribut action pada tag form tidak perlu diisi (dikosongkan).
program 4.1
Nama file : input01.php
Deskripsi : program contah pengolahan form dimana antara form inputan dan proses pengolahan inputan berada dalam satu halaman
penjelasan program 4.1
Beberapa hal yang perlu diperhatikan dari program 4.1 diatas, diantaranya mengenal nama setiap komponen form karena nama ini akan menjadi index array dalam php. pada program 4.1 di atas,value atribut action pada tag form tidak diisi (dibaris 4),ini berarti bahwa proses pengolahan form berada di halaman yang sama.selanjutnya (baris4) method yang digunakan dalam penanganan form adlah POST.cara ini lebih disarankan dalam penanganan sebuah form inputan.
Mulai baris ke-11 hingga 16,terdapat script / program php yang akan menangani (mengilah) nilai yang diinput melaalui form.letak proses inputan ini boelh sebelum tau sesudah form, tergantung kebutuhannya. pada baris ke-12,terdapat pemeriksaan kondisi apakah tombol dengan nama "input" (perhatikan index array $_POST dan bandingkan dengan name tombol submit pada form)
benar-benar ditekan atau tidak oleh user. selanjutnya pada baris ke-13,nilai inputan dari form akan diambil dengan cara mengakses array $_POST sesuai dengan komponen form yang akan diambil. padda baris 13 ini, isi komponen inputan dengan nama "nama" akan diambil dan dimasukkn ke variabel $nama.
indek array $_POST pada baris 13 harus sama dengan value atribut name pada baris ke_5.
gambar 4.1.tampilan program 4.1
cara 2 : memisahkan antar form dan proses
proses pengolahan form dilakukan dihalaman yang terpisah dengan form inputannya. jika proses penanganan form berada dilakukan dihalaman yang berbeda,maka value atribut action pada tag form harus diisi dengan alamat halaman tempat proses pengolahan form.
peogram 4.2 :
Nama file : inputan02.php
Deskripsi : program menampilkan form inputan dengan method POST
program 4.3
Nama file : proses02.php
Deskripsi : program penanganan form inputan untuk program 4.2
gambar 4.2 tampilkan program 4.2
gambar 4.3 tampilan program 4.3
program 4.4
Nama file : input03.php
Deskripsi : program menampilkan form inputan dengan method GET
program 4.5
Nama file : proses03.php
Deskripsi : program penanganan form inputan untuk program 4.4
gambar4.4 tampilan program 4.4
gambar 4.5 tampilkan program 4.5
penjelasan program 4.2,4.3,4.4,dan 4.5
program 4.2 dan program 4.3 pada prinsipnya sama dengan program 4.1.
hasilnya pun sama. akan tetapi,proses penanganan form (php) terpisah dengan tempat form inpjtannya (Html).pada progam 4.2 dan 4.3,penanganan form menggunakan method POST,sedangkan pada program 4.4 dan 4.5,penanganan form dilakukan dengan method GET.perhatikan,method ini menentukan bagaimana sebuah form diproses dan bagaimana variabel inputan diambil.bandingkan baris ke-2 dan ke-3 pada program 4.3 dan program 4.5!
FORM INPUT TYPE TEXT DAN PASSWORD
program 4.6
Nama file : input04.php
Deskripsi : program menampilkan
Program 4.7
Nama file : proses04.php
Deskripsi : program penanganan form inputan untuk program 4.6
penjelasan program 4.6 dan 4.7
Baris 3-6 program 4.7 merupakan proses pengambilan nilai dari masing-masing form inputan text yang terdapat pada form 4.6 . selanjutnya variabel ini ditampilkan dilayar (Baris8-11,program 4.7)
gambar 4.6 tampilan program 4.6
gambar 4.7.tampilan program 4.7
program 4.8
Nama file : input05.php
Deskripsi : program menampilkan form login ( inputan text dan password)
program 4.9
Nama file : proses05.php
Dwskripsi : program sederhana untuk memeriksa inputan username dan password pada program 4.8
penjelasan program 4.8 dan 4.9
program 4.8 akan menampilkan form login sederhana yang terdiri dari inputan username dan password.selanjutnya nilai yang diinputkan akan doproses diprogram 4.9, jika username dan password diinput dengan benar maka akan diitampilkan pesan berhasil (llihat gambar) dan jika login salah maka akan ditampilkan pesan kesalahan (lihat gambar).
gambar 4.8 tampilan program 4.8
gambar 4.9 tampilan program 4.9 jika login berhasil
gambar 4.10 tampilan program 4.9 jjika login gagal
Form Input Type Radio
pada inputan jenis radio button, user hanya bisa memilih satu pilihan diantara beberapa pilihan.
Program 4.10
Nama file : inputan06.php
Deskripsi : program menampilkan form pilihan jurusan dengan radio button
Program 4.11
Nama file : proses06.php
Deskripsi : pprogram untuk mengambil dan menampilkan jurusan yang dipilih pada pprogram 4.10.
Penjelasan program 4.10 dan 4.11
program 4.10 akan menampilakan form pilihan inputan jurusan dengan radio button (lihat gambar). pada form inputan jenis radio button,name ari masing-masing radio button harus sama, akan tetapi value-nya harus dibedakan.perhatikan program 4.10 baris 6-9 ! untuk mengambil nilai (value) dari form jenis radio, bisa langsung dengan mengakses name dari form tersebut.
perhatikan program 4.11 baris ke-3 !
gambar 4.11.tampilan program 4.10
gambar 4.12.tampilan program 4.11
Form Input Check Box
pada form inputan jenis check box, user dimungkinkan memilih lebih dari satu pilihan.
program 4.12
Nama file : input07.php
Deskripsi : program menampilkan form inputan nama band favorit dengan check box.
program 4.13
Nama file : proses07.php
Deskripsi : program untuk menampilkan nama band favorit sesuai dengan inputan pada program 4.12
penjelasan program 4.12 dan 4.13
program 4.12 akan menampilkan form pilihan inputan check box band favorit (lihat gambar). pada form inputan jenis check box,namae dari masing-masing check box harus dibedakan. user dapat memilih lebih dari satu pilihan.
perhatikan program 4.12 baris 6-9 1 untuk mengambil nilai (value) dari form jenis check box,sebaliknya periksa terlebih dahulu apakah check box dipilih atau ridak,dengan menggunakan fungsi isset(). perhatikan program 4.13 baris ke-4.jika check box di-cek (dipilih) maka ambil value dari check box tersebut (baris ke-5).
gamar 4.13.tampilan program 2.12
gambar 4.14.tampilan program 4.12
Form Input Type COMBO BOX
program 4.14
Nama file : input08.php
Deskripsi : program menampilkan form inputan film kaartun favorit dengan combo box
program 4.15
Nama file : proses08.php
Deskripsi : program untuk menampilkan nama film kartun favorit sesuai dengan inputan program 4.14
penjelasan program 4.14 dan 4.15
program 4.14 akan menampilkan form pilihan inputan combo box film kartun favorit (lihat gambar). untuk memuat inputan jenis combo box ,bisa menggunakan tag <select> dan<option>.pada form inputan jenis check box,name diletakkan pada tag <select>. user hanya dpat memilih satu pilihan dari sejumlah pilihan yang ditampilkan dalam bentuk drop down list. lihat gambar.
untuk mengambil nilai (value) dari form jenis combo box,dapat langsung mengaksesnya sesuai dengan name-nya.perhatikan program 4.15 baris ke-3 !
gambar 4.15 tampilan program 4.14
gambar 4.16.tapilan program 4.15
Form Input TEXTAREA
program 4.16
Nama file : input09.php
Deskripsi : program menampilkan form inputan kritik dan saran dengan text area
program 4.16
Nama file :proses09.php
Deskripsi : program untuk menmpilkan isi kritik/saran sesuai dengan inputan text area pada program 4.16
penjelasan program 4.16 dan 4.17
program 4.16 akan menampilkan form kritik dan saran menggunakan text area (lihat gambar).untuk memuat inputan jenis combo box,bisa menggunakan tag <textarea>.berbeda dengan inputan type text yang hanya bisa input satubaris,pada text areabisa diinput lebih dari satu baris.lihat gambar.untuk mengambil nilai (value)dari form jeni text area,dapat langsung mengaksesnya sesuai dengan name-nya.perhatikan program 4.17 baris ke-3 !
gambar 4.17. tampilan program 4.16
gambar 4.18.tampilan program 4.17