PERTEMUAN 5
PENGENALAN FORM
Komponen Form
• Dalam FORM HTML terdapat beberapa
komponen yang bisa digunakan, antara lain :
Lanjutan…
Lanjutan…
[Link]
Hasil [Link]
• Ketika anda input nama dan ada klik proses, maka tampilannya menjadi
Contoh kita inputkan nama Bima Bintang Galaxy, lalu kita klik tombol proses
Maka nama yang di inputkan di tampilkan pada web browser.
Nah bagaimana jika kita dapat membuat nama yang kita input dapat di
tampilkan dihalaman web lain ???
HTTP Server
• Dari [Link], maka kita akan mempelajari atribut
action dan method. Action menjelaskan ke halaman yang
digunakan untuk memproses input, sementara method
digunakan untuk mengatur cara mem-parsing konten
• Web menerima input dari user atau pengunjung
menggunakan metode GET dan POST. GET akan mengirimkan
data bersama dengan URL, sedangkan POST akan
mengirimkannya secara terpisah. User mengirimkan data
input dengan mengisi teks atau pilihan pada attibut form
html.
• Methode GET dan POST inilah yang merupakan bagian dari
HTTP Server dimana kita bisa mengirimkan dan menerima
data antar halaman web
Proses Form menggunakan Metode GET
• [Link]
Hasilnya :
Lanjutan…
• Buat file untuk memproses variable yang diberikan
oleh file [Link], beri nama filenya :
[Link]
HASIL
Karena menggunakan
metode GET, data
dikirmkan bersama
dengan URL
Proses Form menggunakan metode : POST
• Untuk membuat inputan, dan beri nama file :
[Link]
Lanjutan…
• Buat file untuk
memproses variable
yang diberikan oleh
file [Link]
beri nama filenya :
metodepostproses.p
hp
Karena
menggunakan
metode POST, data
tidak dikirmkan
bersama dengan URL
Latihan
• Buat file untuk menampilkan form input dan output
seperti gambar di bawah ini. Simpan dengan nama :
[Link] dan [Link]
Form Input :
Output
Form Output :