30 Mei 2014

Form dan Input HTML

 

Jenis atribut tag <form>
 

 

Jenis Masukan dalam Form

Jenis masukan dalam satu formulir dibedakan menjadi :
  • Text, digunakan untuk mengisi suatu nilai dapat berupa teks atau angka.
  • Radio, elemen isian berupa pilihan dimana hanya satu pilihan yang dapat dilakukan.
  • Checkbox, elemen yang menyediakan beberapa pilihan bisa lebih dari satu.
  • List, elemen pilihan dalam bentuk daftar.
  • Button, elemen berupa tombol untuk melakukan suatu proses.
  • Submit, elemen tombol yang digunakan untuk memanggil url.
  • Reset, elemen tombol yang digunakan untuk mengembalikan kondisi awal.
  • Image, digunakan sebagai pengganti button, berupa gambar yang dapat melakukan proses.
  • Textarea, elemen yang dapat menampung kumpulan teks ketikan dari user.
  • File, elemen button yang dapat memanggil file atau gambar dari storage.
  • Password, elemen berupa teks yang khusus digunakan untuk mengisi password.

Tag <textarea>

Tag <textarea> digunakan untuk membuat sebuah kotak teks multi baris. Tag ini mempunyai beberapa atribut, yaitu :


 Tag <select>

Tag <select> digunakan untuk membuat sebuah daftar pilihan. Tag ini memiliki beberapa atribut, yaitu :


Contoh penggunaan HTML nya :



Tag <input>

Tag <input> digunakan untuk membuat komponen-komponen yang digunakan untuk meminta informasi dari user, misalnya kotak teks, kotak pilihan, tombol dan lain-lain. Tag ini tidak memerlukan tag penutup. Tag ini mempunyai beberapa atribut, yaitu :


Tipe input yang dapat dibuat adalah :
  • Text, digunakan untuk membuat kotak teks
  • Password, digunakan untuk membuat kotak teks, tetapi semua karakter akan ditampilkan dengan tanda *.
  • Check Box, digunakan untuk membuat suatu daftar pilihan yang dapat dipilih lebih dari satu.
  • Radio, digunakan untuk membuat suatu daftar pilihan yang hanya dapat dipilih satu saja.
  • File, digunakan untuk memanggil file atau gambar dari storage.
  • Hidden, Digunkan untuk mengirim data ke suatu aplikasi yang tidak dingginkan untuk dilihat oleh browser.
  • Reset, digunakan untuk membuat tombol yang fungsinya untuk menghapus semua isian form yang telah diberikan.
  • Submit, digunakan untuk membuat tombol yang fungsinya untuk mengirimkan data form agar diolah.

0 komentar:

Posting Komentar

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | coupon codes