Form Input Data

Form Input Data

Kita lanjutkan pembahasan soal form. Setelah anda membuat blok formulir sebagaimana dibahas di artikel cara membuat form isian sebelumnya, sekarang kita akan bahas elemen-elemen form yang bisa kita masukkan. Mudah-mudahan bisa kita bahas dalam 1 artikel. Kalau 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, email, alamat rumah, dsb.
Cara membuat input inipun gampang. 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:

1. button = input berbentuk tombol
2. checkbox = input berbentuk tanda centang, dipakai untuk memilih lebih dari 1 opsi
3. file = input file utk diupload
4. hidden = input data tersembunyi, biasanya data default
5. image = input berbentuk gambar, biasanya dipakai menggantikan tombol submit dengan gambar
6. password = input untuk password. Kalau diketik, tulisannya berubah jadi *****
7. radio = input bulatan, dipakai untuk memilih satu dari beberapa opsi
8. reset = tombol reset untuk menghapus semua isian form
9. submit = tombol untuk mengirimkan data
10. 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 email, maka anda bisa menamai name ini dengan email seperti ini contohnya :

<input type="text" name="email" size="30" />

Untuk size, berisi angka yang menunjukkan berapa karakter lebar kotak input-nya. Semakin besar tentunya semakin lebar kotaknya.

1. HTML Pertamaku
2. Cara Memasukkan Gambar
3. Membuat Text Mengalir di sekeliling Gambar
4. Macam-macam Heading 
5. Membuat Formulir Isian
6. Form Input Data
7. Membuat Optional
8. Membuat Optional Data dari Banyak Data
9. Input Data Artikel
10. Membuat Tombol Submit dan Reset
11. Membuat Tabel
12. Membuat Tabel Kompleks
13. Bekerja dengan Frame
14. Memasukkan Halaman Lain dengan iFrame