PEMROGRAMAN WEB II
PENANGANAN FORM
PENGERTIAN
Form merupakan sebuah metode yang digunakan dalam Web Site yang
mengizinkan seorang pengunjung untuk dapat berinteraksi dengan Server
ataupun dengan pengelola Web Site tersebut. Untk dapat menciptakan
halaman Web yang dapat berinteraksi dengan pengunjung salah satunya kita
dapat menggunakan form, yang kemudian form tersebut akan dikirim
menggunakan sebuah program aplikasi Web berbasis Server Side menuju
Database Server. Adapun beberapa program Server side yang dimaksud antara
lain adalah PHP, ASP, PERL dan lain lain.
CONTOH IMPLEMENTASI FORM
FORM INPUTAN
Pada form inputan terdapat beberapa elemen didalamnya, antara lain :
Tag <FORM>
Atribut ACTION
Atribut METHOD
SUBMIT BUTTON
TAG <FORM>
<form> digunakan untuk mendeklarasikan awalan atau start tag sebuah form
Tag FORM mendefinisikan satu kesatuan masukan
Dalam satu halaman dapat terdiri dari satu atau lebih tag <form>
ATRIBUT ACTION
Atribut ACTION terdapat di dalam tag <FORM>
Atribut ini digunakan untuk menentukan alamat dimana data dari komponen form akan dikirimkan
Dapat berisi a a_hala a .php atau koso g
ATRIBUT METHOD
Atribut yang digunakan untuk membedakan metode pengiriman data, dan bagaimana form akan diproses
Atribut METHOD terdapat di dalam tag <FORM>
Atribut method dibagi menjadi 2 yaitu: a) GET
pengiriman data ke dalam halaman lain yang tidak berhubungan dengan halaman
selanjutnya
b) POST
Melakukan pengiriman data pada halaman lain yang selanjutnya dapat diproses
SUBMIT DN RESET BUTTON
SUBMIT BUTTON merupakan trigger yang menandakan suatu form akan diproses.
Pada dasarnya SUBMIT BUTTON dapat berupa tombol atau komponen HTML yang lain yang difungsikan sebagai tombollain yang difungsikan sebagai tombol.
RESET digunakan untuk mengosongkan data yang telah diisi sebelumnya.
SINTAKS FORM
<FORM ACTION=action base> form tags </FORM>
<FORM METHOD method> form tags </FORM>
<FORM METHOD=method> form tags </FORM>
<FORM ENCTYPE=media type> form tags </FORM>
<FORM ACTION=action base TARGET="target window name"> form tags </FORM>window name > form tags </FORM>
<FORM SCRIPT=URL> form tags </FORM>
Note : target window name diisikan berupa:Note : target window name diisikan berupa:
• _blank : buka window baru
• _self : pada window yang sama
• _parent
PENANGANAN FORM DI PHP
• $_POST_
Digunakan untuk form dengan method POST, data tidak akan ditampilkan di address browser.
• $_GET
Digunakan untuk form dengan method GET, data ditampilkan di address browserdata ditampilkan di address browser.
• $_REQUEST
Digunakan untuk form dengan method POSTDigunakan untuk form dengan method POST maupun GET.
Form masukan TEXT
Teks adalah masukan yang berbentuk karakter
Teks dikhususkan untuk menerima masukan yang sifatnya tidak begitu banyak, Ex : pernyataan nama
<i put t pe= te t a e= a a >
dengan menggunakan metode tersebut, anda telah memiliki suatu bentuk masukan
berupa TEXT, yang kemudian dibaca dengan dengan variabel nama.
Contoh untuk GET, TEXT, SUBMIT
INPUT CLIENT BROWSER
PROSES DI SERVER
Contoh untuk POST, TEXT, SUBMIT
14 INPUT CLIENT BROWSER
PROSES DI SERVER
Contoh untuk REQUEST
OUTPUT CLIENT BROWSER GET
PROSES DI SERVER
Form masukan PASSWORD
• Password adalah bentuk kata yang dirahasiakan
• Dalam menggunakan komponen password, setiap karakter yang dimasukkan
didalamnya akan di enkripsi sehingga pada halaman address web hanya akan terlihat kode seperti bintang – bintang
• StandardStandard
<INPUT TYPE=PASSWORD NAME=name>
• Menentukan panjang password
<INPUT TYPE=PASSWORD NAME=name MAXLENGTH=length>
• Menentukan ukuran dari form password
<INPUT TYPE PASSWORD NAME SIZE i ><INPUT TYPE=PASSWORD NAME=name SIZE=size>
NB: Gunakan metode POST untuk menerima data password agar tidak kelihatan datanya.
Input HIDDEN FILE
Di dalam form kita juga mengenal masukan yang disembunyikan atau di hidden.
Penggunaanya adalah untuk mnyimpan data yang berasal dari variabel masukan sebelumnya, data tersebut akan disimpan dalam variabel masukan yang
disembunyikan selanjutnya dilakukan pengiriman data menuju halaman yang lain
Hidden file juga dapat digunakan untuk mendeklarasika data yang sifatnya permanen, maksudnya apapun data yang dimasukkan oleh pengunjung akan memiliki tambahan
data yang telah diletakkan pada variable komponen hidden
dalam implementasinya hidden file dapat dituliskan:
<input type= hidde a e= variable >
Input RADIO BUTTON
Dalam penggunaannya, pilihan – plihan yang hanya mengizinkan kita untuk memilih
pilihan hanya satu:
<INPUT TYPE=RADIO NAME=name VALUE=value>
Input CHECKBOX BUTTON
Pada checkbox button, pilihan berupa ganda yang artinya dibolehkan anda menentukan
pilihan lebih dari satu.
INPUT COMBO BOX
Combo box merupakan metode masukan data yang datanya telah dideklarasikan
sebelumnya oleh pembuatnya. Dengan combo box hanya diizinkan melakukan pilihan
INPUT TEXT AREA
Pada input text kita diberi kesempatan untuk memasukkan data yang banyak. Ex:
komentar atau status dalam facebook.
TUGAS
Buatlah form seperti interface facebook atau bisa dimodifikasi, intinya form tersebut mengandung semua type inputan dan tampilkan nilai outputnya pada file proses . Dikirim ke : agustina.purwa@gmail.comSubject: PEMWEB File: di zip/rar dengan nama
tugas2_nim