Kali ini saya akan membahas mengenai form, untuk membuat form gunakan tag <form>, lalu apa kegunaan dari tag ini ? di dalam tag <form> anda dapat meletakkan komponen lainnya seperti tombol submit, textfield, textarea, combo box, radio button dan lain sebagainya. Semuanya akan dibahas disini, tetapi terlebih dahulu anda perlu mengetahui parameter apa saja yang ada di dalam tag <form>
- parameter tag <form>
name : nama tag <form>
action : tujuan data yang akan dikirim
method : metode transfer data apakah GET atau POST
- membuat textfield
untuk membuat textfield gunakan tag sebagai berikut :
<input type=”text” name=”field1″ size=”20″ maxlength=”15″> , dimana
name : adalah nama
size : adalah ukuran panjang dari textfield tersebut
maxlength : maksimal huruf yang bisa ditampung textfield tersebut
- membuat hidden field
hidden field sebenarnya sama saja dengan textfield bedanya hidden field tidak terlihat di browser (hidden) tetapi kalau dibuka sourcenya baru akan terlihat. untuk membuat hidden field cukup dengan mengubah parameter type=”hidden” seperti berikut ini :
<input type=”hidden” name=”field2″ value=”123″>
name : nama dari hidden field
value : isi data
- membuat textarea
untuk membuat textarea gunakan tag sebagai berikut :
<textarea name=”area1″ cols=”10″ rows=”5″></textarea>
cols : lebar textarea
rows : panjang textarea
- membuat checkbox
untuk membuat checkbox gunakan tag sebagai berikut :
<input type=”checkbox” name=”cek1″ value=”ya” checked>
name : nama dari checkbox
value : isi data
checked : jika parameter ini dituliskan maka checkbox tersebut akan tercentang
- membuat radio button
untuk membuat radio button gunakan tag sebagai berikut :
<input type=”radio” name=”r1″ value=”ok” checked>
name : nama dari radio button
value : isi data
checked : jika parameter ini dituliskan maka radio button tersebut akan terpilih
jika terdapat radio button dengan name yang sama maka akan terbentuk radio group, dimana hanya salah satu radio button yang bisa di pilih ( tidak bisa memilih lebih dari satu)
- membuat combo box
untuk membuat combo box gunakan tag <select> kemudian untuk membuat isi dari combo box tersebut gunakan tag <option> seperti berikut ini :
<select name=”box1″>
<option value=”senin”>Senin</option>
<option value=”selasa”>Selasa</option>
<option value=”rabu”>Rabu</option>
</select>
name : nama dari combo box
value : isi data
- membuat tombol
untuk membuat tombol submit gunakan tag berikut ini :
<input type=”submit” name=”tombol1″ value=”ok”>
name : nama dari tombol
value : teks yang akan ditampilkan pada tombol
sedangkan untuk membuat tombol reset cukup ubah parameter type=”reset”
