(penanganan form).pdf

Penanganan FormPenanganan FormMuhammad Zen Samsono Hadi, ST. MSc.

On this slide…

Jenis-jenis FormJenis jenis FormForm Validation

Contoh Aplikasi Form

Form Inputan

Tag <FORM>Tag FORMAtribut ACTIONAt ib t METHODAtribut METHODSUBMIT BUTTON

Tag <FORM>

Tag <FORM> mendefinisikan satuTag FORM mendefinisikan satu kesatuan masukan.Dalam satu halaman dapat terdiri dari satuDalam satu halaman dapat terdiri dari satu atau lebih tag <form>D l t t <FORM> d t t di i d iDalam satu tag <FORM> dapat terdiri dari beberapa jenis masukan.

Atribut ACTION

Atribut ACTION terdapat di dalam tagAtribut ACTION terdapat di dalam tag <FORM>Atribut ini menentukan di halaman manaAtribut ini menentukan di halaman mana form masukan akan diproses.D t b i i h l h tDapat berisi nama_halaman.php, atau kosong (“”)

Atribut METHOD

Atribut METHOD terdapat di dalam tagAtribut METHOD terdapat di dalam tag <FORM>Atribut ini menentukan bagaimana formAtribut ini menentukan bagaimana form akan diproses.M th d d l f d 2 it POST dMethod dalam form ada 2, yaitu POST dan GET.

SUBMIT & RESET BUTTON

SUBMIT BUTTON merupakan trigger yangSUBMIT BUTTON merupakan trigger yang menandakan suatu form akan diproses.Pada dasarnya SUBMIT BUTTON dapatPada dasarnya SUBMIT BUTTON dapat berupa tombol atau komponen HTML yang lain yang difungsikan sebagai tombollain yang difungsikan sebagai tombol.RESET digunakan untuk mengosongkan d t t l h dii i b ldata 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 _top

Penanganan Form di PHP

$_POST_Digunakan untuk form dengan method POST, data tidak akan ditampilkan di address browser.$_GETDigunakan untuk form dengan method GET, data ditampilkan di address browserdata ditampilkan di address browser. $_REQUESTDigunakan untuk form dengan method POSTDigunakan untuk form dengan method POST maupun GET.

Jenis-jenis Form Masukan

TEXTTEXTPASSWORDRADIO b ttRADIO buttonCHECKBOXCOMBO BOXTEXTAREATEXTAREA

Contoh untuk GET, TEXT, SUBMIT

INPUT CLIENT BROWSER PROSES DI SERVER (file : getproses.php)

<body>Nama : <?echo $_GET["nama"]?></body>

( g p p p)

<h1>Input</h1><form action="getproses.php" method="get">Masukkan nama : <input type"text" name="nama" size="10"><input type="submit" value="Proses"><input type submit value Proses ></form> OUTPUT CLIENT BROWSER

Contoh untuk POST, TEXT, SUBMIT

INPUT CLIENT BROWSER PROSES DI SERVER (file : postproses.php)

<body>Nama : <?echo $_POST["nama"]?></body>

( p p p p)

<h1>Input</h1><form action="postproses.php" method="post">Masukkan nama : <input type"text" name="nama" size="10"><input type="submit" value="Proses"><input type submit value Proses ></form> OUTPUT CLIENT BROWSER

Contoh untuk REQUEST<body>Nama : <?echo $_REQUEST["nama"]?></body>

OUTPUT CLIENT BROWSER UTK GET

OUTPUT CLIENT UTK POST

INPUT PASSWORD

StandardStandard<INPUT TYPE=PASSWORD NAME=name>

Menentukan panjang passwordp j g p<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 dataNB: Gunakan metode POST untuk menerima data password agar tidak kelihatan datanya.

Contoh INPUT PASSWORD

<form action="cpasswd.php" method=“post">

<body><?method= post >

<h1>Only for authorized user</h1><hr>Username : <input type="text"

<?$username=$_POST["username"];$password=$_POST["password"];?>

$name="username"><br>Password : <input type="password" name="password"><br><input type="submit" value="login">

Username : <?echo $username?> <br>Password : <?echo $password?><br></body>

<input type= submit value= login ><input type=“reset" value=“Reset Data"></form>

Reset untuk mengosongkan data

INPUT RADIO BUTTON<INPUT TYPE=RADIO NAME=name VALUE=value> <INPUT TYPE=RADIO NAME=name VALUE=value CHECKED>

<form action="cradio php" method=“post"> ?<form action= cradio.php method= post >Gender : <br> <input type="radio" name="gender" value="Laki-laki" checked>Laki-laki

<?$data=$_POST["gender"];echo "Nama : $data";?>

<br><input type="radio" name="gender" value="Perempuan" >Perempuan<br><br><input type="submit" value="Submit Data"></form>

INPUT CHECKBOX BUTTON

<?php<form method="post" action="proses.php"><input type="checkbox" value="menulis" name="hobi1"> Menulis <br/>

<?phpif (isset($_POST['hobi1']))

echo $_POST['hobi1']."<br />";if (isset($_POST['hobi2'])) name hobi1 > Menulis <br/>

<input type="checkbox" value="makan" name="hobi2"> Makan <br/><input type="checkbox" value="tidur"

"h bi3" Tid b /

( ( _ [ ]))echo $_POST['hobi2']."<br />";

if (isset($_POST['hobi3'])) echo $_POST['hobi3']."<br />";

if (isset($ POST['hobi4']))name="hobi3"> Tidur <br/><input type="checkbox" value="nonton tv" name="hobi4"> Nonton TV <br/><input type="submit" value="Submit"

if (isset($_POST[ hobi4 ])) echo $_POST['hobi4']."<br />";

?>

function isset() ini digunakan untukput type sub t a ue Sub tname="submit"></form>

function isset() ini digunakan untuk mendeteksi apakah suatu variabel sudah ada dalam memory atau belum.

INPUT COMBO BOX

<form method="post" action="proses1.php">PENS : <select name="jur"><option value=“Telkom">Telekomunikasi</option>

<?php$data = $_POST["jur"];echo "Jur usan : $data";?><option value= Telkom >Telekomunikasi</option>

<option value=“Elka">Elektronika</option><option value=“Elin">Listrik</option><option value=“IT">Informatika</option>

?>

</select><input type="submit" value="Submit" name="submit"></form></form>

COMBO BOX

INPUT TEXTAREA

<form action="bukutamu.php" method="post">

<?$nama=$ POST["nama"];p

Nama : <br><input type="text" name="nama"><br>Komentar : <br><textarea name="komentar" cols="40"

$nama $_POST[ nama ];$komentar=$_POST["komentar"];?>Nama : <?echo $nama?> <br>Komentar <br><textarea name= komentar cols= 40

rows="5"> </textarea><br><input type="submit" value="kirim">

Komentar : <br><textarea name="komentar" cols="40" rows="5"><?echo $komentar?> </textarea>

<input type="reset" value="ulangi"></form>

PHP_SELF

Digunakan untuk mengirim variabel ke dirinya sendiri (cukup 1 file php)sendiri (cukup 1 file php)

FORM VALIDATION

Pengecekan:1. Data kosong2. Hanya bilangan2. Hanya bilangan3. Email4 Panjang data4. Panjang dataUntuk validasi sebuah form bisamenggunakan :1. Javascript (diproses di sisi client)2. PHP Script (diproses di sisi server)

Contoh Aplikasi di Facebook

Validasi dengan Javascript

File : data.php

Hasil Javascript

Validasi dengan PHP ScriptFile : data.php

Fil hFile : proses.php

Validasi dengan PHP Script

Pertanyaan ???

(penanganan form).pdf

Documents