Tuesday 26 July 2011

Form HTML

Advertisement

Pernah mendengar kata form?

Jika anda pernah mendaftar di situs-situs semacam facebook, gmail atau yahoo, pastilah anda tidak asing lagi dengan istilah form tersebut.

Ya, form merupakan elemen HTML yang digunakan untuk mendapatkan masukan dari user atau pengguna. Pengguna web tsb dpt memasukkan input melalui halaman HTML.
Sintaks form bisa anda lihat dibawah:

<form action="url" method="get/post">...</form>

ket. Atribut action merupakan tempat menspesifikasikan URL yg akan digunakan sbg pemroses field input form
url adl lokasi dokumen yg akan melakukan proses thd input dari form
method merupakan atribut yg digunakan utk menyatakan bagaimana masukan yg berasal dari form dikirimkan kpd program CGI.


  • Text digunakan utk memasukan suatu nilai utk dikirimkan kpd server.
  • <input type="text" name="var1" size=# maxlength=#>
     
  • Radio menyediakan beberapa pilihan, hanya satu pilihan yg bisa dipilih
  • <input type="radio" checked name="nama"> 
     Pria Wanita
  • Check Box menyediakan beberapa pilihan, bisa lebih dari satu pilihan yg dipilih
  • <input type="checkbox" name="nama"> 
    game menulis belanja
  • List atau Dropdown menyediakan pilihan dalam bentuk list pilihan, pilihan yg dipilih dapat lebih dari satu
  • <select name="jenis">
    <option value="sub">pilihan1</option>
     <option value="sub">pilihan2</option>
    </select> 
  • Submit digunakan untuk memanggil urg setelah input selesai dimasukkan
    <input type="submit" value="submit" />
  • Button digunakan untuk mendefinisikan tombol untuk melakukan pemrosesan form.
    <button>OK</button>
  • Reset digunakan untuk mengembalikan atau mereset isi form seperti semula
    <input type="reset">

  • Text Area digunakan utk memasukan data dalam bentuk teks berupa memo
    <textarea cols="55" rows="5"></textarea>
  • Password digunakan untuk memasukkan input yang bersipat rahasia. ketika input dimasukkan, bentuk teks atau angka akan berbentuk titik
    <input type="password" />
  • File digunakanjika pengguna ingin melampirkan file dari komputernya
     <input type="file" />

fieldset border
<fieldset>
<legend>
judul
</legend>
<form>
</fieldset>


EmoticonEmoticon