Belajar Membuat Website

Form Input Data

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:

  1. <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:

  1. <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.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s