Jumat, 23 Maret 2012

Form HTML

Form adalah cara untuk mendapatkan umpan balik dari pengunjung ke situs web yang diawali dan diakhir dengan tag<FORM> dan </FORM>. Field-field yang berada diantaranya, digunakan untuk menentukan ukuran dan jenis dari masing- masing input field. Walaupun dapat dimiliki banyak form dalam satu halaman, tetapi anda tidak dapat melakukan form dalam form.

Tag <FORM>
Atribut dari elemen form akan dijelaskan pada bagian berikut.

ACTION
URL yang menentukan resource yang akan dilakukan oleh action pada form data, dan memberi respon pada user.

METHOD
Ini dapat berupa default GET atau POST. Menggunakan GET, query ditambahkan ke URL; menggunakan POST, data dikirim melalui suatu transaksi post pada melalui HTTP. Untuk data yang membutuhkan keamanan anda diajurkan untuk menggunakan metode POST.
Contoh :
Berlangganan New letter, masukkan alamat E-mail anda<br>
<Input Type=Text Width=25 Name=Email>
<Input Type=Submit Value=Kirim Name=Submit>
</Form>

Hasil :
Berlangganan New letter, masukkan alamat E-mail anda

Elemen-elemen dalam suatu form
Bagian berikut menerangkan berbagai elemen yang dapat ditempatkan dalam suatu form.

INPUT
Elemen INPUT menentukan informasi dari user interface. Berikut ini adalah atribut untuk INPUT tag.

CHECKED
Untuk checkboxes dan radio button, atribut ini dapat di set ke TRUE (checked) atau FALSE (unchecked).

MAXLENGTH
MAXLENGTH menentukan jumlah maximum karakter yang mana dapat dimasukkan dalam suatu textbox.

NAME
Menentukan nama dari form control. Hal ini digunakan untuk menentukan eleme data pada form ke resource yang memproses elemen ini.

SIZE
Menentukan ukuran dari form control. Ini dapat berupa nilai tunggal yang menentukan lebar kontrol dalam karakter, atau dalam width/height pair.

SRC
Ini menentukan image yang akan ditampilkan dengan kontrol.

TYPE
Ini akan menentukan jenis control yang akan digunakan. Berikut ini daftar dari kontrol yang ada :


  • CHECKBOX
     Checkbox adalah kontrol sederhana TRUE/ FALSE, yang mana kalau di check adalah TRUE, dan kosong menyatakan FALSE.
  • HIDDEN
    Kontrol ini tidak ditampilkan oleh viewer dari halaman. Kontrol ini dapat digunakan untuk mengirim status informasi kembali ke program form-processing.
  • IMAGE
    form data dikirim dan nilainya dilewatkan oleh image dalam x,y kordinat pixel.
  • PASSWORD
     Fungsi ini seperti textbox, tetapi tulisan ditampilkan dengan asteriks sebagai penggantinya.
  • RADIO
     Fungsi ini menyerupai checkbox control, tetapi hanya satu option button dari group yang dapat dipilih setiap saat. Pilih Ya atau Tidak
  • RESET
     form data dikembalikan ke keadaan awal sesuai dengan nilai initial masing-masing.
  • SUBMIT
     Klik pada tombol akan mengirim form data ke FORM ACTION URL.
  • TEXT
     Kontrol ini digunakan untuk menggumpulkan satu baris tunggal dari tulisan. Atribut SIZE dan MAXLENGTH dapat ditentukan untuk membatasi pengetikkan.
  • TEXTAREA
  • Sumber : http://ariefew.com/website/form-html/

0 komentar:

Posting Komentar

Silahkan Beri Komentar... ^^