19/04/2010

MEMBUAT FORMULIR HTML

Tag <form>

Tag <form> mendefinisikan sebuah formulir yang berfungsi untuk menerima masukan data dari pengguna. Dalam pemrosesan dari sebuah formulir, adalah diperlukan bahasa pemrograman tertentu seperti javascript, php, ataupun asp.
Dan dalam penggunaanya, tag <form> akan disisipi dengat tag <input> yang berfungsi untuk menampilkan bentuk/type input dari formulir tersebut. Beberapa type input yang dimaksud antara lain, chekbox, radio, submit, text, dan password. Silahkan baca Mengenal Elemen Input.
Dan, gabungan antara tag< form> dan <input> juga masih dapat dikombinasikan dengan tag yang lain seperti select/option, textarea, dan fieldset/legend.. Sehingga akan membentuk tampilan form yang berbeda. Step by step, terlebih dahulu kali ini akan sedikit mengulas tentang tag <form>.
Atribut standar untuk tag <form> antara lain:
action
Untuk menentukan lokasi penerimaan input data yang dikirim. Nilai yang digunakan adalah berupa URL.
method
Untuk menentukan cara bagaimana data input dari pengguna akan dikirim. Nilai yang digunakan yakni, "get" dan "post" .

Contoh sederhana dalam penggunaanya adalah sebagai berikut:
Jika di tulis:
<form action="diisi url" method="get">
Nama:<br/>
<input/> <br/>
Umur:
<input/><br/>
<input type="submit" value="Kirim"><br/>
</form>
Hasilnya adalah:
Nama:

Umur:



Karena tag <form> tidak berfungsi untuk mempengaruhi pada tampilan, maka hasil yang ditampilkan pada contoh diatas adalah karena fungsi dari tag <input>.
Dan juga, tidak akan menunjukan hasil apapun (eror) karena tidak dilengkapi dengan bahasa-bahasa terkait dengan pemrosesanya. Untuk melihat beberapa contoh sederhana dalam membuat formulir dengan tampilan yang berbeda dengan menggunakan elemen yang berbeda pula, silahkan klik beberapa link di bawah ini:
  1. Select/option
  2. Textarea
  3. Fieldset/Legend



Silahkan baca juga yang ini:

1 comments:

Alnada said...

Duch pengen belajar nich..

Tinggalkan Komentar Anda

Terimakasih telah berkunjung, untuk kritik, saran, ataupun pertanyaan, silahkan berikan komentar anda disini:

 
Halaman Muka | Tentang | Kontak | Sitemap | 2008- © kakangsung All Rights Reserved