Form diawali dengan elemen <FORM> dan ditutup dengan </FORM>
Beberapa atribut yang dapat digunakan dalam <FORM> :
- Action : Menentukan lokasi script yang akan memproses data dari form
- Accept : Mendefinisikan MIME yang diizinkan server yang memuat script untuk memproses form
- Method : Menentukan bagaimana data akan dikirim ke server. GET : Data akan dikirim dengan menggunakan query string pada URL. POST : Data akan dikirim ke server sebagai block data ke script
Input digunakan untuk menyediakan tempat bagi user untuk memasukkan data.
Input dituliskan dengan tag terbuka <INPUT>.
Berikut komponen-komponen input :
- Text, atributnya :
- Name : Memberi nama pada control
- Size : Jumlah karakter yang ditampilkan
- Maxlength : Jumlah karakter yang dapat dimasukkan
- Value : Memberi value ke input
- Type : <input type="text">
- Text Area, atributnya :
- Name : Memberi nama pada control
- Size : Menentukan ukuran control
- Cols : Menentukan lebar text area
- Rows : Menentukan tinggi text area
- Type : <input type="text area">
- Button, atributnya :
- Name : Memberi nama pada control
- Size : Ukuran control
- Value : Memberi value ke input
- Type : <input type="button">
- Radio, atributnya:
- Checked : Memberi default sudah tercek
- Name : Memberi nama pada control
- Size : Ukuran control
- Value : Memberi value ke input
- Type : <input type="radio">
- Checkbox, atributnya :
- Checked : Memberi default sudah tercek
- Name : Memberi nama pada control
- Size : Ukuran control
- Value : Memberi value ke input
- Type : <input type="checkbox">
- Password, atributnya :
- Name : Memberi nama pada control
- Size : Jumlah karakter yang ditampilkan
- Maxlength : Jumlah karakter yang dapat dimasukkan
- Value : Memberi value ke input
- Type : <input type="password">
- Submit, atributnya :
- Name : Memberi nama pada control
- Value : Memberi tulisan pada tombol
- Type : <input type="submit">
- Reset, atributnya :
- Name : Memberi nama pada control
- Value : Memberi tulisan pada tombol
- Type : <input type="submit">
- Combobox / List Box -> TIDAK menggunakan <input>
- <SELECT> -> Untuk membuat komponen combo box
- <OPTION> -> Untuk membuat item dari combo box
<html>
<body>
<p align="center">
<font size="5">Form Registrasi</font></p>
<br><br>
<form>
<table width="100%" border="0">
<tr>
<td width="15%">NAMA</td>
<td width="2">:</td>
<td><input type="text" size="50"></td>
</tr>
<tr>
<td width="15%">TEMPAT/ TGL LHIR</td>
<td width="2">:</td>
<td><input type="text" size="50">,
<input type="text" maxlength="2" size="2">/
<input type="text" maxlength="2" size="2">/
<input type="text" maxlength="4" size="4"></td>
</tr>
<tr>
<td width="15%">ALAMAT</td>
<td width="2">:</td>
<td>
<textarea cols="50" rows="4"></textarea></td>
</tr>
<tr>
<td width="15%">PENDIDIKAN TERAKHIR</td>
<td width="2">:</td>
<td>
<select>
<option>SD</option>
<option>SMP</option>
<option>SMA</option>
<option>S1</option>
<option>S2</option>
<option>S3</option>
</select></td>
</tr>
<tr>
<td width="15%">STATUS</td>
<td width="2">:</td>
<td>
<input type="radio" CHECKED name="1">Kawin
<input type="radio" name="1">Tidak kawin
</td></tr>
<tr>
<td width="15%">HOBI</td>
<td width="2">:</td>
<td>
<input type="checkbox">Memancing<br>
<input type="checkbox">Berenang<br>
<input type="checkbox">Jogging<br>
</td></tr>
<tr>
<td width="15%">PASSWORD</td>
<td width="2">:</td>
<td>
<input type="password" maxlength="10" size="50">
</td></tr>
<tr>
<td width="15%"> </td>
<td> </td>
<td>
<input type="submit" value="SETUJU">
<input type="reset" value="BATAL">
</td></tr>
</table>
</form>
</body>
</html>
No comments:
Post a Comment