Pemrosesan form HTML
Pemrosesan form HTML Memahami tentang penggunaan Form Memahami tentang perbedaan antara metode GET & POST Memahami tentang pemrosesan file upload
Pengolahan Data Dari Form Web menerima input dari user atau pengunjung menggunakan metode GET dan POST. GET akan mengirimkan data bersama dengan URL, sedangkan POST mengirimkannya secara terpisah. User mengirimkan data input dengan mengisi teks atau pilihan pada attribut form html.
Komponen Form HTML Form <FORM ACTION=action base> 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> <FORM SCRIPT=URL> form tags </FORM> Note : target window name diisikan berupa: _blank _self _parent _top
Komponen Form HTML Form Input Check Box <INPUT TYPE=CHECKBOX NAME=name VALUE=value> <INPUT TYPE=CHECKBOX NAME=name VALUE=value CHECKED> Form Input File <INPUT TYPE=FILE NAME=name ACCEPT=mime type list> Form Input Hidden <INPUT TYPE=HIDDEN NAME=name VALUE=value> Form Input Image <INPUT TYPE=IMAGE NAME=name SRC="URL"> <INPUT TYPE=IMAGE NAME=name SRC="URL" ALIGN="alignment">
Komponen Form HTML Form Input Password <INPUT TYPE=PASSWORD NAME=name> <INPUT TYPE=PASSWORD NAME=name MAXLENGTH=length> <INPUT TYPE=PASSWORD NAME=name SIZE=size> <INPUT TYPE=PASSWORD NAME=name VALUE=value> Form Input Radio Button <INPUT TYPE=RADIO NAME=name VALUE=value> <INPUT TYPE=RADIO NAME=name VALUE=value CHECKED> Form Input Range This is not supported in many browsers. <INPUT TYPE=RANGE NAME=name MIN=min MAX=max> <INPUT TYPE=RANGE NAME=name MIN=min> MAX=max VALUE=value> Form Input Reset <INPUT TYPE=RESET>
Komponen Form HTML Form Input Submit <INPUT TYPE=SUBMIT> <INPUT TYPE=SUBMIT NAME=name> <INPUT TYPE=SUBMIT VALUE=value> Form Input Button <INPUT TYPE=BUTTON> <INPUT TYPE=BUTTON NAME=name> <INPUT TYPE=BUTTON VALUE=value> Form Input Text <INPUT TYPE=TEXT NAME=name> <INPUT TYPE=TEXT NAME=name MAXLENGTH=length> <INPUT TYPE=TEXT NAME=name SIZE=size> <INPUT TYPE=TEXT NAME=name VALUE=value>
Komponen Form HTML Form Select <SELECT NAME=name> option entries </SELECT> <SELECT NAME=name MULTIPLE> option entries </SELECT> <SELECT NAME=name SIZE=size> option entries </SELECT> <SELECT NAME=name SRC=URL WIDTH=width HEIGHT=height UNITS=units> option entries </SELECT> <OPTION> content <OPTION SELECTED> content <OPTION VALUE=value> content <OPTION SHAPE=shape> Form Text Area <TEXTAREA NAME=name COLS=# columns ROWS=# rows> content </TEXTAREA>
Proses Form Menggunakan Metode : GET a. Untuk membuat inputan, dan beri nama file : metodeget.php
Proses Form Menggunakan Metode : GET b. Buat file untuk memproses variabel yang diberikan oleh file metodeget.php, beri nama filenya : methodgetproses.php
Proses Form Menggunakan Metode : GET
Proses Form Menggunakan Metode : GET Dengan metode GET maka data yang dikirimkan ke file php yang berikutnya akan ditampilkan, cara ini tidak cocok bila data yang dimasukkan berupa password.
Proses Form Menggunakan Metode : POST a. Untuk membuat inputan, dan beri nama file : metodepost.php
Proses Form Menggunakan Metode : POST b. Buat file untuk memproses variabel yang diberikan oleh file metodepost.php, beri nama filenya : methodpostproses.php
Proses Form Menggunakan Metode : POST
Proses Form Menggunakan Metode : POST Dengan metode POST, maka data yang dikirimkan akan disembunyikan, hal ini sangat cocok bila dipakai untuk inputan berupa password. Untuk selain password, pemakaian GET & POST tergantung pada kebutuhan.
Proses Input Data Password Menggunakan Metode : POST a. Untuk membuat inputan, dan beri nama file : postpassword.php
Proses Input Data Password Menggunakan Metode : POST b. Buat file untuk memproses variabel, beri nama filenya : proc_login.php
Proses Input Data Password Menggunakan Metode : POST
Perbandingan 2 Bilangan Menggunakan Metode : POST a. Untuk membuat inputan, dan beri nama file : bandingnilai.php
Perbandingan 2 Bilangan Menggunakan Metode : POST b. Buat file untuk memproses variabel, beri nama filenya : proc_post.php
Perbandingan 2 Bilangan Menggunakan Metode : POST
Pemrosesan Buku Tamu Dengan Metode : POST a. Untuk membuat inputan, dan beri nama file : bukutamu.php
Pemrosesan Buku Tamu Dengan Metode : POST b. Untuk membuat inputan, dan beri nama file : proc_bukutamu.php
Pemrosesan Buku Tamu Dengan Metode : POST
Pemrosesan File Upload a. Nama file: upload.php
Pemrosesan File Upload b. Nama file: proc_upload.php
Pemrosesan File Upload