Upload presentasi
Presentasi sedang didownload. Silahkan tunggu
1
Membuat form HTML+PHP Dwi Cahyono
2
Penanganan Form Menangani form HTML menggunakan PHP merupakan proses yang paling penting pada website dinamis. Terdapat dua proses pada penanganan HTML : membuat HTML form itu sendiri. membuat script PHP yang akan menerima dan memproses data yang dikirim dari form.
3
Penanganan Form (cont)
HTML form dibuat menggunakan tag form dan beberapa element untuk mengambil inputan. Tag form terlihat seperti berikut: <form action="script.php" method="post" > script 1 script 2 . script n </form>
4
Penanganan Form (cont)
Atribut paling penting pada tag form adalah action, yang memberitahukan ke page / halaman mana data form akan dikirim. Attribut kedua adalah method yang memberitahukan bagaimana data tersebut dikirim. Ada dua option get dan post yang dapat digunakan. Jika menggunakan get maka nama dan nilai dari data yang dikirim akan terlihat pada URL, seperti :
5
Penanganan Form (cont)
Get sering digunakan untuk melakukan request data, karena keterbatasan data yang dapat dikirim dan keamanananya yang kurang. Post digunakan untuk mengirim data ke server seperti menambah record ke database.
6
Penanganan Form (cont)
Element element yang sering dipakai pada form antara lain text box check box radion button select menu password dan yang lainnya diletakan di dalam tag form.
7
SINTAKS pada FORM <FORM ACTION=action base> form tags </FORM> <METHOD method> FORM 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 : buka window baru _self : pada window yang sama _parent _top
8
Contoh Membuat Form Pada contoh berikut akan dibuat sebuah form untuk menangani penjualan periperal komputer pada toko asesoris komputer.
9
Contoh Membuat Form (cont)
Buat document HTML baru dengan text editor anda mulailah tag html anda. <html> <head> <title>Biodata Pelanggan</title> </head> <body >
10
Contoh Membuat Form (cont)
Tambahkan pembuka form tag <form method="post" action="script.php"> pada atribut action anda memberi tahu bahwa data akan dikirim dan ditangani oleh file script.php.
11
Contoh Membuat Form (cont)
Tambahkan dua text box <pre> Nama Pelanggan : <input type=text name="pelanggan" size=10> Alamat : <input type=text name="alamat" size=10> ini berfungsi untuk user dapat memasukkan nama dan alamatnya
12
Contoh Membuat Form (cont)
Masukkan Jenis Kelamin pembeli dengan menggunakan radio button <p><b>Jenis Kelamin : </b> <input name="gender" type="radio" value="L" /> Laki-laki <input name="gender" type="radio" value="P" /> Perempuan </p>
13
Contoh Membuat Form (cont)
Masukkan umur menggunakan select <p><b>Umur : </b> <select name="umur" > <option value="0-29">Di bawah 30</option> <option value="30-60">Antara 30 sd 60</option> <option value="60+">Di atas 60</option> </select> </p>
14
Contoh Membuat Form (cont)
Tambahkan 4 checkbox untuk memilih item/barang yang akan dibeli Nama Barang : <input type=Checkbox name="brg1" value=Hardisk >Hardisk (Rp ,-) <input type=Checkbox name="brg2" value=CDROM >CDROM (Rp ,-) <input type=Checkbox name="brg3" value=Mouse >Mouse (Rp ,-) <input type=Checkbox name="brg4" value=Printer >Printer (Rp ,-)
15
Contoh Membuat Form (cont)
Tambahkan input textbox untuk menangani berapa jumlah yang akan dibeli : Jumlah Beli : <input type="text" name="jumbel" size=2>
16
Contoh Membuat Form (cont)
Masukkan 3 radio button untuk memilih discount yang diberikan Diskon : <input type="radio" name="disc" value="Tidak" unchecked>Tidak <input type="radio" name="disc“ value="10%" unchecked>10% <input type="radio" name="disc“ value="20%" unchecked>20%
17
Contoh Membuat Form (cont)
Tambahakn text area untuk memasukkan pesan pembelian <p><b>Pesan :</b><textarea name="komentar" cols="30" rows="4"></textarea></p>
18
Contoh Membuat Form (cont)
Buat tombol submit dan penutup form tags dan juga ducument HTM <hr> <center><input type=submit value=Cetak> <input type=reset value=Batal></center> </pre> </table> </form> </body> </html>
19
SUBMIT & RESET BUTTON SUBMIT BUTTON merupakan trigger yang menandakan suatu form akan diproses. Pada dasarnya SUBMIT BUTTON dapat berupa tombol atau komponen HTML yang lain yang difungsikan sebagai tombol. RESET digunakan untuk mengosongkandata yang telah diisi sebelumnya.
20
Contoh Membuat Form (cont)
Simpan dengan nama coba_form.html dan tempatkan di direktori web server anda, kemudian lihat hasilnya dengan web browser.
21
Contoh Membuat Form (cont)
Setelah membuat form HTML, berikutnya buat script php untuk menangani dan memproses data yang dikirim. Pada contoh ini script hanya akan menampilkan/mencetak data yang disubmit ke web browser.
22
Membuat Script Form Action
Seperti biasa buatlah halaman format html biasa yang dalali dengan <html> <head> <title>Biodata Pelanggan</title> </head> <body >
23
Membuat Script Form Action (cont)
Buatlah script php pada blok script php <?php ?> Kemudian buatlah variabel sebagai penampung dari data yang dipasingkan dari halaman form html
24
Membuat Script Form Action (cont)
<?php // membuat variabel $nama=$_REQUEST[pelanggan]; $alamat=$_REQUEST[alamat]; $gender=$_REQUEST['gender']; $umur=$_REQUEST['umur']; $barang1=$_REQUEST['brg1']; $barang2=$_REQUEST['brg2']; $barang3=$_REQUEST['brg3']; $barang4=$_REQUEST['brg4']; $jumlah_beli=$_REQUEST['jumbel']; $discount=$_REQUEST['disc']; $komentar=$_REQUEST['komentar'];
25
Membuat Script Form Action (cont)
//menampilkan datayang diterima echo "Nama Pelanggan : <b>$nama</b><br>"; echo "Alamat : $alamat<br>"; echo "Jenis Kelamin : $gender<br>"; echo "Umur : $umur<br>"; echo "Barang 1 : $barang1<br>"; echo "Barang 2 : $barang2<br>"; echo "Barang 3 : $barang3<br>"; echo "Barang 4 : $barang4<br>"; echo "Jumlah beli : $jumlah_beli<br>"; echo "Discount : $discount<br>"; echo "Komentar : $komentar<br>";
26
Membuat Script Form Action (cont)
Akhiri script php ?> </pre> </table> </body> </html>
27
Screen shoot
28
Hubungkan dengan database
Selamat mencoba
Presentasi serupa
