˝HTMLLanjut(Forms) - sandhikagalih.netsandhikagalih.net/wp-content/uploads/2009/10/pbw-Pertemuan-3-HTML-Lanjut.pdf · ððsebuah tag yang membungkus elemen-elemen input di dalamnya

“HTML Lanjut (Forms)”Pertemuan - 3

SemesterSemester GanjilGanjil 2009/20102009/2010

Elemen HTML yang digunakan untuk menerima bermacam-macam masukan (input) dari pengguna web.

contoh:

©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung

sebuah tag yang membungkus elemen-elemen inputdi dalamnya dan berfungsi mengirim data input keserver.

<form>.elemen input.

</form>

©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung

<form>.elemen input.

</form>

Macam‐macam komponen input :• Textfield• Password• Checkbox• Radio• Listbox• Text Area• dll

©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung

Macam‐macam komponen input :• Textfield• Password• Checkbox• Radio• Listbox• Text Area• dll

Digunakan untuk memasukan huruf, angka, karakter, dll kedalam sebuah form.Contoh tag :

©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung

Contoh hasil :

Digunakan untuk menyembunyikan karakter masukan.

Contoh tag :

©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung

Contoh hasil :

Digunakan untuk melakukan satu pemilihan diantara 2 ataulebih data.Contoh tag :

©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung

Contoh hasil :

Digunakan untuk melakukan satu pemilihan diantara 2 ataulebih data menggunakan drop-down.Contoh tag :

©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung

Contoh hasil :

Digunakan untuk melakukan satu atau lebih dari satu pemilihandata.

Contoh tag : Contoh hasil :

©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung

Sebuah area yang dapat menampung teks yang tidak terbatasukurannya.Contoh tag :

©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung

Contoh hasil :

Atribut form :• Action : lokasi script yang memproses data dari form.• Method : Metode pengiriman data.GET Data dikirim bersama url.POST Data dikirim terpisah dari url.

©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung

Atribut form :• Action : lokasi script yang memproses data dari form.• Method : Metode pengiriman data.GET Data dikirim bersama url.POST Data dikirim terpisah dari url.

<form action="proses.php" method="post">...

</form>

Tombol yang berfungsi secara otomatis mengirim datayang di-input-kan di dalam form ke halaman ‘action’.Contoh tag :

Contoh hasil :

• Salhazan Nasution, SKom., “Pemrograman Web”. TeknikInformatika Universitas Islam Indonesia.

• www.w3school.com

©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung

[email protected]://sandhikagalih.net