PENGENALAN FORM

A.     Komponen Form

Sebuah website dinamis seringkali memerlukan interaksi antara browser client dan server bisa berupa pemasukan data teks, angka, atau upload file untuk diproses oleh server. Untuk mewadahi suatu data yang dikirimkan oleh browser client, dibutuhkan adanya FORM HTML. Penggunaan form misalnya untuk pendaftaran keanggotaan, pemasukan kode kartu kredit, login user, transaksi perbelanjaan, dan upload file.

Dalam FORM HTML terdapat beberapa komponen yang bisa digunakan, antara lain :

a.            Form

	<FORM ACTION=action METHOD=method ENCTYPE=mediatype> </FORM>

 

b.            Text Box

< INPUT TYPE=TEXT NAME=name SIZE=size VALUE=value>

Text box : untuk menginput data string ataupun angka.

c.            Text Area

<textarea rows=”2” cols=”25” name=”nama_variabel”>

Text area : untuk menginput string ataupun angka yang terdiri atas banyak baris.

d.            Radio buton

<input type=”radio” value=value checked name=”nama_variabel”>

Radio buton : untuk memilih satu pernyataan dari beberapa pernyataan yang disediakan.

e.            Combo Box

<select size=”1” name=”nama_variabel”> <option>Combo1</option> <option>Combo2</option> </select>

Combo box untuk menampilkan daftar data.

f.             Check Box

Check box untuk memilih satu atau lebih pernyataan dari beberapa pernyataan yang disediakan.

	<input type=”checkbox” name=”nama_variabel” value=”ON” checked>

 

g.            Submit

<input type=”submit” name=”submit” value=”submit”>

Submit untuk mengirimkan semua variable data pada komponen-komponen form yang ada.

h.            Reset

<input type=”reset” name=”reset” value=”reset”>

Reset untuk membatalkan semua penginputan yang telah dituliskan.