Think Different Materi Pemrograman Web 1 04_Penanganan Form

(1)

Penanganan Form

Aryo Pinandito, ST, M.MT

Fajar Pradana, S.ST, M.Eng Issa Arwani, S.Kom, M.Sc

1 . PEN D AH U LUAN dik enal dengan ist ilah com bo box at au dropdow n list . Form berfungsi unt uk m em buat sebuah halam an w eb m enj adi int erak t if dan dinam is

1 .2 Tu j u a n

(2)

2 . PEN GAN TAR FORM

bagaim ana dat a input an dik irim dan diproses oleh PHP.

(3)

3 .1 M e t ode Ge t

Met ode GET adalah sebuah fungsi y ang digunak an unt uk m engum pulk an nilai dari sebuah for m y ang dik irim k an dengan m et ode GET. Efek sam ping dari cara m engirim dat a adalah GET t idak cocok dipak ai unt uk m engirim dat a y ang bersifat rahasia sepert i PI N, passw or d dan sej enisny a. Efek sam ping lain, GET t idak cocok dipak ai unt uk m engirim dat a dalam j um lah besar. GET hany a cocok unt uk m engirim dat a dalam j um lah k ecil, sedangk an post cocok dipak ai unt uk m engirim dat a dalam j um lah besar sepert i upload dat a, m enulis blog at au art ik el dan sej enisny a.

Nam un, k elebihan dari GET adalah hasil dari proses GET bisa di book m ark . Cont oh paling t am pak adalah Google. Google m enggunak an m et hod GET dalam m engirim dat a sehingga hasil pencarianny a bisa di Book m ark .

Berik ut adalah cont oh penggunaan m et ode GET :

<HTML>

<HEAD><TITLE>ContohMethod Get </TITLE></HEAD> <BODY>

Name : <INPUT TYPE="TEXT" NAME="Name" VALUE=""><BR /> <INPUT TYPE="SUBMIT" NAME="Input" VALUE="Input"> | <INPUT TYPE="RESET" NAME="Reset" VALUE="Reset"> </FORM>

</BODY> </HTML>

<?php

if (isset($_GET['Input'])) {

$Name = $_GET['Name']; echo "Name : <b>$Name</b>"; }

?>

(4)

3 .2 M e t h od POST

Fungsi$_POSTdigunak an unt uk m engum pulk an nilai v ariable dari sebuah for m y ang dik irim k an

m enggunak an m et ode POST. I nfrom asi y ang dik irim k an t idak dapat dilihat oleh orang lain pada address bar di br ow ser dan t idak dapat m em ilik i bat asan pada bany ak ny a inform asi y ang dik irim

Berik ut adalah cont oh penggunaan m et ode POST

<HTML>

<HEAD><TITLE>Contoh Method Post</TITLE></HEAD> <BODY>

</BODY> </HTML>

<?php

if (isset($_POST['Input'])) {

$Name = $_POST['Name']; echo "Name : <b>$Name</b>";

} ?>

(5)

4 . M AN I PULASI FORM

4 .1 Te x t Fie ld

Tex t field adalah elem en input y ang m em ungk ink an pengunj ung m em asuk an t ext dalam sat u baris. Lebar k arak t er t ex t field default ny a adalah 20 k arak t er

Sy nt ax :

Cont oh penggunaan :

<HTML>

<HEAD><TITLE>Contoh Text Field</TITLE></HEAD> <BODY>

</BODY> </HTML>

<?php

$Name = $_POST['Name']; echo "Name : <b>$Name</b>"; }

?>

Tam pilan di br ow ser

4 .2 Ra dio bu t t on

Radio But t on adalah suat u t om bol y ang digunak an unt uk m engam bil salah sat u pilihan dari bany ak pilihan y ang t ersedia. Sepert i cont ohny a pem ilihan j enis gender ( m ale at au fem ale)

Sy nt ax :

(6)

Cont oh Penggunaan :

<HTML>

<HEAD><TITLE>Contoh Radio Button</TITLE></HEAD> <BODY>

Gender : <INPUT TYPE="RADIO" NAME="Gender" VALUE="Male" CHECKED> Male <INPUT TYPE="RADIO" NAME="Gender" VALUE="Female"> Female <br>

<INPUT TYPE="SUBMIT" NAME="Input" VALUE="Input"> </FORM> echo "Gender : <b>$Gender</b>"; }

?>

Tam pilan di Brow ser :

4 .3 Ch e ck Box

Digunak an unt uk m em ilih beberapa pilihan dat a sek aligus at au lebih dari sat u pilihan dari daft ar pilihan y ang ada

Hoby : <INPUT TYPE="CHECKBOX" NAME="Hoby1" VALUE="Reading" CHECKED> Reading <INPUT TYPE="CHECKBOX" NAME="Hoby2" VALUE="Shoping"> Shoping

(7)

</BODY> </HTML>

<?php

echo "Hoby : <BR>";

if (isset($_POST['Hoby1'])) {

echo " 1. ".$_POST['Hoby1']."<BR>"; }

echo " 2. ".$_POST['Hoby2']."<BR>"; }

echo " 3. ".$_POST['Hoby3']."<BR>";

} } ?>

4 .4 Com bo Box

Digunak an unt uk m em ilih beberapa pilihan dat a sek aligus at au lebih dari sat u pilihan dari daft ar pilihan y ang ada

Sy nt ax :

<select> ……

(8)

<HTML>

<HEAD><TITLE>Contoh Combo Box</TITLE></HEAD> <BODY>

<FORM ACTION="" METHOD="POST" NAME="Input"> Provinsi : <SELECT NAME="Provinsi">

<OPTION VALUE="Sumatera Barat">Sumatera Barat</OPTION> <OPTION VALUE="Jambi">Jambi</OPTION>

<OPTION VALUE="DKI Jakarta">DKI Jakarta</OPTION> <OPTION VALUE="DI Yogyakarta">DI Yogyakarta</OPTION>

<OPTION VALUE="Nusa Tenggara Barat">Nusa Tenggara Barat</OPTION> </SELECT>

<BR />

</BODY> </HTML>

<?php

$Provinsi = $_POST['Provinsi']; echo "Provinsi : <b>$Provinsi</b>"; }

?>

4 .5 Te x t Ar e a

(9)

Sy nt ax :

<textarea> Name = “name” Cols = “number” Rows=“number”> ………

</textarea>

<HTML>

<HEAD><TITLE>Contoh Text Area</TITLE></HEAD> <BODY>

Address : <BR /><TEXTAREA NAME="Address" VALUE="" COLS="50" ROWS="4"></TEXTAREA><BR />

</BODY> </HTML>

<?php

$Address = nl2br($_POST['Address']); echo "Address : <b>$Address</b>"; }

?>

(10)

5 . CARA PEN AN GAN AN FORM

Pe n gga bu n ga n a n t a r a For m da n Pr ose s

Proses pengolahan form dilak uk an di halam an y ang sam a dengan form input anny a. Jik a proses penanganan form berada di sat u halam an, m ak a value

at ribut act ion pada t ag form dik osongk an. ( Cont oh sy nt ax diat as seluruhny a m eny at uk an ant ara form dan proses)

Pe m isa h a n a n t a r a For m da n Pr ose s

Proses pengolahan form dilak uk an di halam an y ang t erpisah dengan for m input anny a. Jik a proses penanganan form berada dilak uk an di halam an y angberbeda, m ak a value at ribut

a ct ion pada t ag for m harus diisi dengan alam at halam an t em pat pr oses pengolahan form .

Cont oh :

<HTML>

<HEAD><TITLE>Contoh Pemisahan Form dan Proses</TITLE></HEAD> <BODY>

</BODY> </HTML> <?php

$Name = $_POST['Name']; echo "Name : <b>$Name</b>"; }

(11)

(12)

REFEREN SI

Anonim . Modul Pengaj aran PPPGT Malang. 2006. Saput ra, Ridw an S. Pem rogram an HTML. 2010

PROPAGASI

A. La t ih a n da n D isk u si ( Pr opa ga si V e r t ik a l da n H or iz on t a l)

1. Apa saj a elem en y ang t erdapat pada form !

2. Jelask an perbedaan ant ara penggun aan m et ode get dan m et ode post !

B. Tu ga s ( Ev a lu a si m a n dir i)