Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

Membuat form HTML+PHP Dwi Cahyono. Penanganan Form  Menangani form HTML menggunakan PHP merupakan proses yang paling penting pada website dinamis. 

Presentasi serupa


Presentasi berjudul: "Membuat form HTML+PHP Dwi Cahyono. Penanganan Form  Menangani form HTML menggunakan PHP merupakan proses yang paling penting pada website dinamis. "— Transcript presentasi:

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 : 1. membuat HTML form itu sendiri. 2. 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: script 1 script 2. script n

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 :  =L&usia=15

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 tags FORM METHOD=form tags form tags

form tags form tags  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) 1. Buat document HTML baru dengan text editor anda mulailah tag html anda. Biodata Pelanggan

10 Contoh Membuat Form (cont) 2. Tambahkan pembuka form tag pada atribut action anda memberi tahu bahwa data akan dikirim dan ditangani oleh file script.php.

11 Contoh Membuat Form (cont) 3. Tambahkan dua text box Nama Pelanggan : Alamat : ini berfungsi untuk user dapat memasukkan nama dan alamatnya

12 Contoh Membuat Form (cont) 4. Masukkan Jenis Kelamin pembeli dengan menggunakan radio button Jenis Kelamin : Laki-laki Perempuan

13 Contoh Membuat Form (cont)  Masukkan umur menggunakan select Umur : Di bawah 30 Antara 30 sd 60 Di atas 60

14 Contoh Membuat Form (cont) 5. Tambahkan 4 checkbox untuk memilih item/barang yang akan dibeli Nama Barang : Hardisk (Rp ,-) CDROM (Rp ,-) Mouse (Rp ,-) Printer (Rp ,-)

15 Contoh Membuat Form (cont) 6. Tambahkan input textbox untuk menangani berapa jumlah yang akan dibeli : Jumlah Beli :

16 Contoh Membuat Form (cont) 7. Masukkan 3 radio button untuk memilih discount yang diberikan Diskon : Tidak 10% 20%

17 Contoh Membuat Form (cont) 8. Tambahakn text area untuk memasukkan pesan pembelian Pesan :

18 Contoh Membuat Form (cont)  Buat tombol submit dan penutup form tags dan juga ducument HTM

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 Biodata Pelanggan

23 Membuat Script Form Action (cont)  Buatlah script php pada blok script php  Kemudian buatlah variabel sebagai penampung dari data yang dipasingkan dari halaman form html

24 Membuat Script Form Action (cont)

25 Membuat Script Form Action (cont) //menampilkan datayang diterima echo "Nama Pelanggan: $nama "; echo "Alamat: $alamat "; echo "Jenis Kelamin : $gender "; echo "Umur: $umur "; echo "Barang 1: $barang1 "; echo "Barang 2: $barang2 "; echo "Barang 3: $barang3 "; echo "Barang 4: $barang4 "; echo "Jumlah beli: $jumlah_beli "; echo "Discount: $discount "; echo "Komentar : $komentar ";

26 Membuat Script Form Action (cont)  Akhiri script php ?>

27 Screen shoot

28  Hubungkan dengan database  Selamat mencoba


Download ppt "Membuat form HTML+PHP Dwi Cahyono. Penanganan Form  Menangani form HTML menggunakan PHP merupakan proses yang paling penting pada website dinamis. "

Presentasi serupa


Iklan oleh Google