Form Input Data
DAFTAR ISI

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 :

  1. Button = Input berbentuk tombol
  2. Checkbox = Input berbentuk tanda centang, dipakai untuk memilih lebih dari 1 pilihan
  3. File = Input file untuk 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. Jika 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 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.

Baca Juga:  Apa itu Extreme Programming ??

Ebook Gratis!!

Subscribe untuk dapatkan e-book GRATIS dan informasi teknologi terbaru dan diskon menarik langsung di Email-mu

Infanthree Digital Administrator
Infanthree Digital Administrator
Website, Mobile Apps, IoT, Digital Marketing Agency, IT Konsultan
0 0 votes
Article Rating
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments
WhatsApp chat