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

KEMBALI KE DASAR HTML

tag-tag form html , pengertian form dalam html , jenis form field , fungsi tag form , fungsi form tag html , kegunaan form pada website , fungsi dari <form action> , pengertian form input data , pengertian form pada web , penjelasan form

Posted: March 12, 2009 at 7:20 pm
Date : Wednesday, May 22, 2013 - Rabu, 22 Mei 2013


Related posts "FORM HTML":

Comments

  1. kakangsung
    5 April 2010 , 10:01 am

    kalo cara membuat garis vertikal gmn?
    Seperti yang disamping “daftar kontrol type” yang warna biru..
    numpang blajar bos,lam kenal..

    [Reply]

    ariefew Reply:

    itu bukan menggunakan html …
    tapi menggunakan css

    [Reply]

    ariefew Reply:

    itu bukan menggunakan html …
    tapi menggunakan css.

    [Reply]

  2. zie
    30 June 2010 , 11:43 pm

    mao tanya kalo buat password pake HTML tapi jika udah 3 kali gagal masukkin password, tidak bisa lanjut masukkin password lagi,,,gmana tuh cara bikinnya?
    tolong bantuannya…

    [Reply]

    baguzt Reply:

    zie: itu menggunakan statement kontrol IF dan ELSE,, pada PHP

    [Reply]

  3. Mutiacreation
    21 June 2011 , 10:00 pm

    wah…mkasih bnget info-nya..
    sangat menarik…

    [Reply]

  4. heritech
    3 March 2012 , 9:12 am

    mantep gan, tapi contohnya kurang

    [Reply]

  5. agus salim
    19 February 2013 , 10:34 am

    thank’s

    [Reply]

ADD YOUR COMMENT

*