1. <input>
Berfungsi untuk mendefinisikan sebuah field input. Tag <input> harus terletak diantara tag <form> dan </form>
2.<textarea>
Berfungsi untuk mendefinisikan sebuah textarea, yaitu suatu inputan yang berupa multi line input. Textarea mampu menangani inputan dengan panjang karakter yang tak terhingga. Ukuran pada textarea dapat didefinisikan melalui atribut rows dan cols.
3.<button>
Berfungsi untuk mendefinisikan sebuah tombol yang dapat diklik.
4.<select>
Berfungsi untuk mendefinisikan sebuah list yang dapat dipilih (drop down/combo box). Biasanya <select> selalu diikuti oleh tag <option>.
5.<option>
Merupakan bagian dari <select>. Berfungsi untuk mendefinisikan pilihan-pilihan yang ada pada drop down list.
6.<optgroup>
Mendefinisikan sebuah kelompok pilihan. Juga merupakan bagian dari <select>. Biasanya digunakan jika pilihan yang diberikan terlalu banyak.
7.<fieldset>
Mendefinisikan sebuah fieldset. Berfungsi untuk mengelompokan elemen yang berada di dalam tag <fieldset> tersebut. Tag <fieldset> akan memberikan sebuah kotak disekeliling elemen yang berhubungan.
8.<label>
Mendefinisikan sebuah label untuk sebuah <input> elemen.
Berikut ini adalah contoh dari penerapan form dalam halaman web
<html>
<head>
<title> FORM</title>
</head>
<body>
<FORM METHOD="POST" >
<H4> FORM</H4>
<INPUT TYPE="text" NAME="var1" SIZE="30" VALUE="Contoh Input Berupa text">
<br> <br>
<B> Contoh input berupa checkbox </B>
<INPUT TYPE="checkbox" NAME="var2">
<br> <br>
<B> Contoh input berupa radio button </B>
<br>
<INPUT TYPE="radio" NAME="var3" Value="r1"> 10-15
<br>
<INPUT TYPE="radio" NAME="var3" Value="r2"> 16-20
<br>
<INPUT TYPE="radio" NAME="var3" Value="r3"> 21-25
<br> <br>
<B> Contoh drop down</B>
<br>
<SELECT NAME="var6" SIZE="1">
<OPTION VALUE="BG"> Bulgaria
<OPTION VALUE="UK"> United Kingdom
<OPTION VALUE="IND" SELECTED> Indonesia
</SELECT>
<br> <br>
<B> Contoh Textarea </B>
<br>
<TEXTAREA NAME="var7" COLS="30 ROWS="6">
</TEXTAREA>
<br> <br>
<INPUT TYPE="submit" NAME="var4" VALUE="Button">
</FORM>
</body>
</html>
Output yang ditampilkan akan seperti ini
No comments:
Post a Comment