Kita lanjutkan pembahasan soal form. Setelah anda membuat blok formulir, sekarang kita akan bahas elemen-elemen form yang bisa kita masukkan. Mudah-mudahan bisa kita bahas dalam 1 artikel. Jika ndak ya beberapa artikel. hehehe..
Tag INPUT
Tag pertama untuk memasukkan data adalah INPUT. Tag ini sudah sering kita jumpai di search engine, form opt-in subscriber atau formulir-formulir online lainnya. Biasanya dipakai untuk memasukkan data yang hanya 1 baris saja seperti nama, e-mail, alamat rumah, dsb.
Cara membuat input ini pun mudah. Kode HTML-nya seperti ini:
<input type="text" name="NAMA_FIELD" size="30" />
Karena tag ini tidak memiliki tutup, maka kita tutup di bagian akhirnya dengan tanda />. Dan sekarang saya jelaskan satu per satu Atribut type dipakai untuk menentukan jenis input-nya. Ada beberapa macam type yaitu :
- Button = Input berbentuk tombol
- Checkbox = Input berbentuk tanda centang, dipakai untuk memilih lebih dari 1 pilihan
- File = Input file untuk diupload
- Hidden = Input data tersembunyi, biasanya data default
- Image = Input berbentuk gambar, biasanya dipakai menggantikan tombol submit dengan gambar
- Password = Input untuk password. Jika diketik, tulisannya berubah jadi *****
- Radio = Input bulatan, dipakai untuk memilih satu dari beberapa opsi
- Reset = Tombol reset untuk menghapus semua isian form
- Submit = Tombol untuk mengirimkan data
- Text = Input berbentuk kotak untuk mengisikan data
Atribut berikutnya adalah name. Atribut ini dipakai untuk mengenali data apa yang sedang dimasukkan. Misalnya anda membuat form untuk memasukkan e-mail, maka anda bisa menamai name ini dengan e-mail seperti ini contohnya :
<input type="text" name="e-mail" size="30" />
Untuk size, berisi angka yang menunjukkan berapa karakter lebar kotak input-nya. Makin besar tentunya makin lebar kotaknya.
