PHP - Perulangan fileMateri Tambahan Contoh Penggunaan Form ... • Tag yang digunakan untuk membuat...

Program Studi DIII Rekam MedisPOLITEKNIK KESEHATAN PERMATA INDONESIAJl. Ringroad Utara No. 22, Gandok, Condong Catur, Depok, Sleman. Telp. (0274) 6411536, 7475694. Fax. (0274) 641153

P - 11Bab 8 : PHP & HTML (Manipulasi Form)

8.1 Tujuan

Mahasiswa mampu : • Mengetahui dan Memahami Perbedaan Method POST & GET• Mengetahui dan Memahami Manipulasi Form• Mengetahui dan Memahami Pemisahan Form dan Proses

8.2 Materi

1. Perbedaan Method POST & GET2. Manipulasi Form3. Pemisahan Form dan Proses 4. Materi Tambahan Contoh Penggunaan Form

8.3 Review Form dan Atribut Form HTML

• Form merupakan suatu kumpulan yang tediri dari beberapa field dalam suatu halaman.• Tag yang digunakan untuk membuat FORM adalah <FORM> dan diakhiri </FORM>.• Bagian dari Form adalah sebagai berikut :

◦ NAME▪ Digunakan untuk mendefinisikan identitas dari suatu Form (Pemberian nama)▪ Tujuan agar Form tersebut mudah dikenali.

◦ ACTION▪ Digunakan untuk mendefinisikan tujuan Form

◦ METHOD▪ Merupakan metode yang akan dilakukan setelah Form dikirim.▪ Metode terdiri dari dua bagian :

• POST → digunakan pada pengiriman Form yang akan disimpan di dalam database.

• GET → digunakan untuk mendapatkan hasil dari pengolahan program di server.

PSIK V (Pemrograman II/ PHP MySQL) - 1


◦ ONSUBMIT• Merupakan validasi untuk mengecek isi field agar sesuai dengan yang

dikehendaki sebelum suatu Form dikirim.

8.4 Perbedaan METHOD POST dan GET

METHOD GET

• Contoh program :

<! ---------------------- Form_0-1.php ---------------------- ><HTML><HEAD><TITLE>Contoh Form 1 - Method Get </TITLE></HEAD><BODY> <FORM ACTION="" METHOD="GET" NAME="Input"> 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>

<?phpif (isset($_GET['Input'])) { $Name = $_GET['Name']; echo "Name : <b>$Name</b>";}?>

Output :



METHOD POST


<! ---------------------- Form_0-2.php ---------------------- ><HTML><HEAD><TITLE>Contoh Form 2 - Method Post</TITLE></HEAD><BODY> <FORM ACTION="" METHOD="POST" NAME="Input"> 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>

<?phpif (isset($_POST['Input'])) { $Name = $_POST['Name']; echo "Name : <b>$Name</b>";}?>

Output :



Perbedaan dari method GET dan POST adalah : • Jika menggunakan method GET maka di address bar web browser akan ditampilkan

data yang dikirimkan dari proses tersebut.• Jika menggunakan method POST tidak.• Perhatikan :

Method GET

Method POST

8.5 Manipulasi Form

Text Field


<! --------------------- Form_1.php --------------------- >



<HTML><HEAD><TITLE>Contoh Form 1 - Text Field</TITLE></HEAD><BODY> <FORM ACTION="" METHOD="POST" NAME="Input"> 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>

<?phpif (isset($_POST['Input'])) { $Name = $_POST['Name']; echo "Name : <b>$Name</b>";}?>

Output :

Radio Button


<! ---------------------- Form_2.php ---------------------- ><HTML><HEAD><TITLE>Contoh Form 2 - Radio Button</TITLE></HEAD>



<BODY> <FORM ACTION="" METHOD="POST" NAME="Input"> 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></BODY></HTML>

<?phpif (isset($_POST['Input'])) { $Gender = $_POST['Gender']; echo "Gender : <b>$Gender</b>";}?>

Output :

Check Box


<! ---------------------- Form_3.php ---------------------- ><HTML><HEAD><TITLE>Contoh Form 3 - Check Box</TITLE></HEAD>



<BODY> <FORM ACTION="" METHOD="POST" NAME="Input"> Hoby : <INPUT TYPE="CHECKBOX" NAME="Hoby1" VALUE="Reading" CHECKED> Reading <INPUT TYPE="CHECKBOX" NAME="Hoby2" VALUE="Shoping"> Shoping <INPUT TYPE="CHECKBOX" NAME="Hoby3" VALUE="Swimming"> Swimming <BR /> <INPUT TYPE="SUBMIT" NAME="Input" VALUE="Input"> </FORM></BODY></HTML>

<?phpif (isset($_POST['Input'])) { echo "Hoby : <BR>"; if (isset($_POST['Hoby1'])) { echo " 1. ".$_POST['Hoby1']."<BR>"; } if (isset($_POST['Hoby2'])) { echo " 2. ".$_POST['Hoby2']."<BR>"; } if (isset($_POST['Hoby3'])) { echo " 3. ".$_POST['Hoby3']."<BR>";

}}?>

Output :



Combo Box :


<! ---------------------- Form_4.php ---------------------- ><HTML><HEAD><TITLE>Contoh Form 4 - 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 /> <INPUT TYPE="SUBMIT" NAME="Input" VALUE="Input"> </FORM></BODY></HTML>

<?phpif (isset($_POST['Input'])) {



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

Output :

Text Area :


<! ---------------------- Form_5.php ---------------------- ><HTML><HEAD><TITLE>Contoh Form 5 - Text Area</TITLE></HEAD><BODY> <FORM ACTION="" METHOD="POST" NAME="Input"> Address : <BR /> <TEXTAREA NAME="Address" VALUE="" COLS="50" ROWS="4"></TEXTAREA><BR /> <INPUT TYPE="SUBMIT" NAME="Input" VALUE="Input"> | <INPUT TYPE="RESET" NAME="Reset" VALUE="Reset"> </FORM></BODY></HTML>

<?phpif (isset($_POST['Input'])) { $Address = nl2br($_POST['Address']);



echo "Address : <b>$Address</b>";}?>

Output :

8.6 Pemisahan Form dan Proses


File 1 :

<! ---------------------- Form_6-1.php ---------------------- ><HTML><HEAD><TITLE>Contoh Form 6-1</TITLE></HEAD><BODY> <FORM ACTION="Form_6-2Proses.php" METHOD="POST" NAME="Input"> Name : <INPUT TYPE="TEXT" NAME="Name" VALUE=""><BR /> <INPUT TYPE="SUBMIT" NAME="Input" VALUE="Input"> | <INPUT TYPE="RESET" NAME="Reset" VALUE="Reset"> <INPUT TYPE="BUTTON" VALUE="Cancel" ONCLICK=SELF.HISTORY.BACK()> </FORM></BODY></HTML>



File 2 :

<?php/* ------------------------- * Form_6-2Proses.php --------------------------- */if (isset($_POST['Input'])) { $Name = $_POST['Name']; echo "Name : <b>$Name</b>";}?>

Output :



8.7 Evaluasi

Buat file HTML untuk Form Pemeriksaan Pasien dengan ketentuan :1. Mengunakan Table.2. Menggunakan Form (Unsur : Text File, Text Area, Radio Button/Check Box, Drop

Down Menu, Push Button).3. Boleh dimodifikasi sesuai kreasi sendiri.4. File HTML dibuat dengan Pemisah Form dan Proses.5. Simpan dengan “FormPemeriksaanPasien.PHP” dan

“HasilPemeriksaanPasien.PHP”.

Contoh Output Seperti Gambar berikut :



Catatan :1. Dikumpulkan dalam bentuk .Doc (Document) dengan menampilkan :

• Script PHP (bukan dalam bentuk print screen)

• Output/Hasil program (print screen hasil tampilan)2. Tugas dikerjakan oleh Kelompok Senin dan dikumpulkan pada pertemuan berikutnya.


PHP - Perulangan fileMateri Tambahan Contoh Penggunaan Form ... • Tag yang digunakan untuk membuat...

Documents

Transcript of PHP - Perulangan fileMateri Tambahan Contoh Penggunaan Form ... • Tag yang digunakan untuk membuat...