Asep Nasrudin, ST

Form inputan dibuat dengan tag-tag HTML.

PENGANTAR FORM

Untuk merancang sebuah form inputan, ada 3 (tiga) hal penting

1. METHOD Bagaimana data inputan dikirim dan diproses oleh PHP. GET dan POST.

2. ACTIONAction dari sebuah form menentukan dimana data inputan dari form diproses.

3. SUBMIT BUTTON Berfungsi sebagai trigger pengiriman data dari form inputan.

GET DAN POST

POST dan GET memiliki kegunaan yang sama yaitu untukmengirimkan value variabel ke halaman lain ataumengirimkan ke database.

Method GET ketika mengirimkan data akanmenambahkan pada URI

Method POST dikirim ke server dengan diincludekanpada sebuah permintaan (body of request) dan bukanmelalui URI dan hasil dari method POST ini nggakbersifat cacheable (dapat disimpan dalam cache)

CONTOH GET

<FORM ACTION="" METHOD="GET" NAME="input"> Nama Anda : <input type="text" name="nama"><br> <input type="submit" name="Input" value="Input">

</FORM>

<?phpERROR_REPORTING(0);$nama = $_GET['nama']; echo "Nama Anda : <b>$nama</b>"; ?>

CONTOH POST

<FORM ACTION="" METHOD=“POST" NAME="input"> Nama Anda : <input type="text" name="nama"><br> <input type="submit" name="Input" value="Input"> </FORM>

<?phpERROR_REPORTING(0);$nama = $_POST['nama']; echo "Nama Anda : <b>$nama</b>"; ?>

FORM INPUT TYPE RADIO

Pada inputan jenis radio button, user hanya bisa memilih satu pilihan di antarabeberapa pilihan.

<FORM ACTION="" METHOD="POST" NAME="input"> <H2>Pilih Jurusan Anda :</h2> <INPUT type="radio" name="JURUSAN" value="TEKNIK INFORMATIKA" checked> TEKNIK INFORMATIKA <BR><INPUT type="radio" name="JURUSAN" value="TEKNIK LISTRIK" > TEKNIK LISTRIK <BR><INPUT type="radio" name="JURUSAN" value="TEKNIK OTOMITIP" > TEKNIK OTOMITIP <BR><input type="submit" value="ok">

</FORM>

<?phpERROR_REPORTING(0);$nama = $_POST['JURUSAN']; echo "Jurusan Anda : <b>$nama</b>"; ?>

FORM INPUT TYPE CHECKBOX

Pada form inputan jenis check box, user dimungkinkan memilih lebihdari satu pilihan.

<FORM ACTION="" METHOD="POST" NAME="input"> <H2>Pilih Hobby Anda :</h2> <INPUT type="checkbox" name="hobi1" value="makan baso"> makan baso <BR><INPUT type="checkbox" name="hobi2" value="tenis"> tenis <BR><INPUT type="checkbox" name="hobi3" value="Basket"> Basket <BR><input type="submit" value="ok">

</FORM>

<?phpERROR_REPORTING(0);$hob1 = $_POST['hobi1']; $hob2 = $_POST['hobi2']; $hob3 = $_POST['hobi3']; echo "anda memiliki Hobby: <b> <br> $hob1 <br> $hob2 <br> $hob3 </b> <br>";?>

FORM INPUT TYPE COMBO BOX

<FORM ACTION="" METHOD="POST" NAME="input"> <H2> JENIS kELAMIN :</h2> <select name="jenis_kelamin“ >

<option value="LAKI-LAKI">LAKI-LAKI</option><option value="PEREMPUAN">PEREMPUAN</option>

</select><input type="submit" value="ok">

</FORM>

<?phpERROR_REPORTING(0);$JK = $_POST['jenis_kelamin']; echo "JENIS KELAMIN ANDA ADALAH <B> $JK </B>";

?>

<FORM ACTION="" METHOD="POST" NAME="input"> <H2> KOMENTAR :</h2> <textarea name="saran" cols="40" rows="8"> </textarea> <br><input type="submit" value="ok">

</FORM>

<?phpERROR_REPORTING(0);$saran = $_POST['saran']; echo "komentar anda adalah <B> $saran</B>";

?>

TEXTAREA