Form Input Data Website

Kita teruskan kajian masalah form. Sesudah anda bikin blok formulir seperti dibicarakan di artikel langkah bikin form isian terlebih dulu, saat ini kita bakal ulas elemen-elemen form yang dapat kita masukan. Semoga dapat kita ulas dalam 1 artikel. Bila ndak ya sebagian artikel.. hehehe..

web-form-capture

Tag pertama untuk memasukkan data yaitu INPUT. Tag ini telah kerap kita temui di search engine, form opt-in subscriber atau formulir-formulir on-line yang lain. Umumnya digunakan untuk memasukkan data yang cuma 1 baris saja seperti nama, e-mail, alamat tempat tinggal, dll.

Langkah bikin input inipun mudah. Kode HTML-nya seperti ini :

<input type=”text” name=”NAMA_FIELD” size=”30″ />

Lantaran tag ini tak mempunyai tutup, jadi kita tutup dibagian pada akhirnya dengan sinyal /. Serta saat ini saya terangkan satu per satu

Atribut tipe digunakan untuk memastikan type input-nya. Terdapat banyak jenis tipe yakni :

  1. button = input berupa tombol
  2. checkbox = input berupa sinyal centang, digunakan untuk pilih kian lebih 1 opsi
  3. file = input file utk diupload
  4. hidden = input data tersembunyi, umumnya data default
  5. image = input berupa gambar, umumnya digunakan menukar tombol submit dengan gambar
  6. password = input untuk password. Bila diketik, tulisannya beralih jadi *****
  7. radio = input bulatan, digunakan untuk pilih satu dari sebagian opsi
  8. reset = tombol reset untuk meniadakan semuanya isian form
  9. submit = tombol untuk kirim data
  10. text = input berupa kotak untuk mengisikan data

Atribut selanjutnya yaitu name. Atribut ini digunakan untuk mengetahui data apa yang tengah dimasukkan. Umpamanya anda bikin form untuk memasukkan e-mail, jadi anda dapat menamai name ini dengan e-mail seperti ini misalnya :

<input type=”text” name=”email” size=”30″ />

Untuk size, diisi angka yang tunjukkan berapakah ciri-ciri lebar kotak input-nya. Makin besar pastinya makin lebar kotaknya.

Iklan

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