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.

8 thoughts on “Form Input Data

  1. I suffer from being overweight, has tried many methods and diets. But nothing happens.
    Can anyone tell me other solutions?

    [url=http://realbuypills.com][img]http://realbuypills.com/img/vito.jpg[/img][/url]

  2. Pingback: Belajar Mengelola Form Isian (Kalkulator PHP) - vNoteku

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>