Web tidak hanya digunakan untuk menampilkan informasi saja… Show …Web juga digunakan untuk mengambil informasi atau data dari pengunjung. Salah satu cara untuk mengambil informasi dari pengunjung ialah menggunakan form. Form dalam web bisa disamakan dengan formuliar di dunia nyata. Form dapat diisi, kemudian diproses dengan program tertentu. Pada tutorial ini, kita akan belajar cara membuat form di HTML. Hanya membuat saja ya… Tidak sampai memproses datanya. Karena itu masuk ke dalam topik pembahasan yang lain. Baiklah… Mari kita mulai. Cara Membuat Form di HTMLForm di HTML dapat
kita buat dengan tag Tag ini memiliki beberapa atribut yang harus diberikan, seperti:
Contoh:
Untuk atribut Secara sederhana,—pada contoh di atas— kita akan menyuruh file Ini nanti akan kita pelajari pada PHP. Kode HTML di atas, tidak akan menghasilkan apa-apa. Karena kita belum membuat field-nya. Apa itu Field?Field adalah ruas yang dapat diisi dengan data. Contoh field:
Field memiliki beberapa atribut yang harus diberikan:
Latihan: Membuat Form LoginSebagai latihan, mari kita buat form login. Pada form login, terdapat beberapa field dan elemen:
Berikut ini kodenya:
Hasilnya: Sekarang perhatikan! Pada kode di atas, kita membuat empat buah filed:
Lalu ketiga filed ini dibungkus ke dalam tag
Nanti tag Di dalam tag Lalu, perhatikan juga atirbut yang digunakan pada setiap field.
Setiap field kita bungkus dalam tag Latihan Selanjutnya, kita akan membuat form contact. Form ini berfungsi untuk menghubungi atau kontak admin. Silahakan ikuti kode berikut:
Hasilnya: Pada contoh di atas, kita memberikan Coba saja isi dengan yang lain, lalu klik Send…maka akan muncul pesan peringatan. Latihan: Membuat Form RegisterSemakin banyak latihan, semakin bagus. Berikutnya kita akan coba membuat form registrasi. Form ini berisi field untuk:
Mari kita buat…
Hasilnya: Apa saja field baru yang ada di form tersebut?
Apa bedanya Jika kita ingin agar pengunjung memilih salah satu, maka kita gunakan Tapi kalau kita ingin pengunjung memilih lebih dari satu, maka
kita gunakan Lalu untuk Lalu untuk menginputkan teks yang panjang, kita gunakan tag Latihan: Membuat Form Tingkat LanjutField-field di atas merupakan jenis field yang sering digunakan dalam pembuatan form. Masih ada jenis field lagi yang belum kita coba, seperti Mari kita coba beberapa:
Hasilnya: Apabila di browser anda tidak tampil kalender seperti di atas, coba gunakan browser versi terbaru. Apa Selanjutnya?Apa yang kita pelajari pada tutorial ini adalah tag dan field dasar—dan sering digunakan—dalam pembuatan form. Masih terdapat banyak tipe field lagi yang belum kita coba. Seperti: Karena itu, silahkan berlatih terus… |