Jenis Masukan dalam Form:
Jenis masukan dalam satu formulir dibedakan menjadi:
- Text, digunakan untuk memasukkan suatu nilai untuk dikirmkan kepada server
. Nilai yang
dimasukkan dapat berupa angka ataupun teks.
- Radio, menyediakan beberapa pilihan, hanya satu pilihan yang bias dipilih.
- Check Box, menyediakan beberapa pilihan, biasanya lebih dari satu pilihan yang dipilih.
- List, menyediakan pilihan dalam bentuk list pilihan, pilihan yang dipilih dapat lebih dari satu.
- Button, digunakan untuk mendefinisikan tombol untuk melakukan pemrosesan form. Ada
bermacam-macam button.
o Submit: digunakan untuk memanggil URL, setelah input selesai dimasukkan
o Reset: digunakan untuk menginisialisasi setiap elemen form.
o Button: digunakan untuk membuat form lebih interaktif, untuk memanggil script yang
ada dalam dokumen HTML.
- Image, digunakan sebagai pengganti button, berupa button yang berbentuk gambar.
- Text Area, digunakan untuk memasukkan data dalam bentuk teks berupa memo.
Tag Text
<INPUT TYPE=”text” NAME=”var1” SIZE=# MAXLENGTH=#>
Value pada atribut size menunjukkan besar text box.
Value pada atribut maxlength menunjukkan jumlah karakter maksimum yang dapat ditampung.
Tag Radio
<INPUT TYPE=”radio”>Pilihan 1
<INPUT TYPE=”radio”>Pilihan 2
<INPUT TYPE=”radio”>Pilihan 3
Tag Check Box
<INPUT TYPE=”checkbox”>Pilihan 1
<INPUT TYPE=”checkbox”>Pilihan 2
<INPUT TYPE=”checkbox”>Pilihan 3
Tag Select
<SELECT SIZE=2>
<OPTION>Pilihan 1
<OPTION>Pilihan 2
<OPTION>Pilihan 3
</SELECT>
Value pada atribut size digunakan untuk menampilkan pilihan pada list lebih dari satu. Default adalah
satu pilihan, secara otomatis maka list berupa list box, yang dapat berlaku seperti drop down list box.
Tag Button
<INPUT TYPE=”submit”>
<INPUT TYPE=”reset”>
Tag Image
<INPUT TYPE=”image” SRC=”url_image”>
Text Area
<TEXTARE COLS=55 ROWS=5 </TEXTAREA>
Pada setiap elemen dapat diberikan nama, dengan memberikan atribut NAME, dengan value berupa string yang mendefinisikan nama elemen, dalam pemrograman sering disebut sebagai nama variable.
Nama variable sebaiknya mencerminkan fungsi dari variable tersebut.
Contoh:
<HTML>
<BODY>
<FORM ACTION=”html_form_cation.asp” METHOD=”get”>
<FIELDSET>
<LEGEND>Biodata</LEGEND>
<P>Input Text<BR>
Nama Depan: <INPUT TYPE="text" NAME="firstname"><BR>
Nama Keluarga: <INPUT TYPE="text" NAME=lastname">
</P>
<P>Saya Suka Buah:<BR>
<INPUT TYPE="checkbox" name="tomat">Tomat <BR>
<INPUT TYPE="checkbox" name="apel">Apel
</P>
<P>
Jenis Kelamin:<BR>
<INPUT TYPE="radio" CHECKED NAME="sex">Laki-laki<BR>
<INPUT TYPE="radio" NAME="sex">Perempuan<BR>
Usia:<BR>
<INPUT TYPE="radio" CHECKED NAME="usia">Dewasa<BR>
<INPUT TYPE="radio" NAME="usia">Anak-anak<BR>
</P>
</FIELDSET>
<P>Merk Mobil yang anda suka:<BR>
<SELECT NAME="cars">
<OPTION value="volvo">Volvo
<OPTION value="Suzuki">Suzuki
<OPTION value="bmw">BMW
<OPTION value="mercedes">Mercedes
</SELECT>
<P>Text area ini digunakan untuk memasukkan data berupa komentar atau pun<BR>
catatan lainnya, bersifat mirip artikel.<BR>
<TEXTAREA ROWS=5 COLS=30>This is a sample text area!</TEXTAREA>
</P>
<P>
<INPUT TYPE="button" value="OK Boo">
<INPUT TYPE="reset" value="Ressset">
<INPUT TYPE="submit" value="ssSubmit">
</P>
<BODY>
</HTML>
No comments:
Post a Comment