HTML – 4 FORM. FORM adalah elemen HTML yang digunakan untuk mengizinkan pengguna web mengirimkan data ke Web Server. Dengan kata lain form berperan sebagai.

Presentasi berjudul: "HTML – 4 FORM. FORM adalah elemen HTML yang digunakan untuk mengizinkan pengguna web mengirimkan data ke Web Server. Dengan kata lain form berperan sebagai."— Transcript presentasi:

1 HTML – 4 FORM

2 FORM adalah elemen HTML yang digunakan untuk mengizinkan pengguna web mengirimkan data ke Web Server. Dengan kata lain form berperan sebagai User Interface (antarmuka) untuk berkomunikasi antar web server. Tag : ACTION : File program yang akan digunakan untuk melakukan proses terhadap form. Pemrosesan file ini akan dilakukan pada saat user menekan tombol klik pada tombol SUBMIT METHOD : digunakan untuk menentukan bagaimana data akan dikirim ke web server. Nilai yang paling umum digunakan untuk mengisi atribut Method adalah POST & GET.

3 Contoh sebuah form sederhana untuk meminta nama user : Form Ketikkan nama Anda:

4 1. Teks satu baris (single-line text) 2. Teks banyak baris (Textarea) 3. Pilihan tunggal (Radio) 4. Checkbox 5. Listbox item</option ------ 

5 6. Dropdown Box item 7. Hidden 8. Password 9. Koordinat 2D dalam sebuah bidang gambar 10. Aksi user melalui penekanan tombol (Submit dan Reset),,,

6 Tipe input ini digunakan untuk menampung teks yang jumlahnya hanya 1 baris. Contoh : Nama, Alamat ________________________________________________________________ Membuat Tag Input TEXT Nama : Alamat : No. Telepon :

7

8 Tipe input ini digunakan untuk menampung teks yang jumlahnya lebih 1 baris. Misalnya : data keterangan, memo, berita dll. ________________________________________________________________ Membuat Tag Kontrol TEXTAREA Silahkan isi komentar anda tentang situs ini : Nama : Email : Komentar :

9

10 Tipe input ini digunakan untuk membuat suatu daftar pilihan atau opsi dimana pengunjung hanya diizinkan untuk memilih satu pilihan saja. ________________________________________________________________ Membuat Tag Input RADIO Nama : Jenis Kelamin : Pria Wanita Status Pernikahan : Lajang Menikah Duda Janda

11

12 Tipe input ini digunakan untuk membuat suatu daftar pilihan atau opsi dimana pengguna diizinkan untuk memilih lebih dari satu pilihan. ________________________________________________________________ Membuat Tag Kontrol CHECKBOX Merk Mobil yang anda sukai : Audi BMW Mercedes Benz Jaguar Ferarri Hammer

13

14 Jika daftar pilihan atau item yang akan ditampilkan kedalam suatu halaman web terlalu banyak, alternatif yang dapat digunakan adalah dengan menampung daftar tersebut kedalam suatu LISTBOX. ________________________________________________________________ Membuat Tag Kontrol LISTBOX Pilih Merk Mobil yang anda sukai : Audi BMW Mercedes Benz Jaguar Ferrari Hammer

15

16 Alternatif lain yang dapat digunakan untuk menampung daftar pilihan adalah combobox. Combobox lebih sering dijumpai dalam web dibandingkan dengan listbox. Tag combobox sama dengan listbox. ________________________________________________________________ Membuat Tag Kontrol ComboBox Pilih Merk Mobil yang anda sukai : Audi BMW Mercedes Benz Jaguar Ferrari Hammer

17

18 Input ini berfungsi untuk memasukan data password didalam halaman web. Huruf atau teks yang dimasukan kedalam inputan ini akan disandikan menggunakan karakter simbol tertentu. ________________________________________________________________ Membuat Tag Kontrol PASSWORD Username : Password :

19

20 Input Submit Berfungsi untuk mengirimkan data yang dimasukan kedalam semua input didalam from ke web server. Input Reset berfungsi mengembalikan semua input didalam form agar ke nilai semula (default) atau mengosongkan input. ____________________________________________________________________________ Membuat Tag Kontrol RESET Nama : Alamat : Jenis Kelamin : Pria Wanita

21