Berikut adalah listing kode untuk membuat form menggunakan elemen entri pilihan, textarea
<!DOCTYPE html >
<html>
<head>
<title>form</title>
</head>
<body>
<table border="1">
<tr><td><form id="form1" name="form1" method="post"
action="">
<table width="354" align="center">
<tr>
<td height="24" colspan="3"
align="center"><B>PENDAFTARAN</td>
</tr>
<tr>
<td>Nama Pengguna</td>
<td align="center">:</td>
<td><label for="textfield"></label>
<input type="text" name="textfield" id="textfield"
/></td>
</tr>
<td>Sandi</td>
<td align="center">:</td>
<td><label for="textfield2"></label>
<input type="text" name="textfield2" id="textfield2"
/></td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td align="center">:</td>
<td><input type="checkbox" name="checkbox" id="checkbox"/>
<label for="checkbox">Pria
<input type="checkbox" name="checkbox2" id="checkbox2" />
Wanita</label></td>
</tr>
<tr>
<td>Tanggal lahir</td>
<td align="center">:</td>
<td><label for="select"></label>
<select name="select" id="select">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>
<label for="select2"></label>
<select name="select2" id="select2">
<option>Januari</option>
<option>Februari</option>
<option>Maret</option>
<option>April</option>
<option>Mei</option>
<option>Juni</option>
<option>Juli</option>
<option>Agustus</option>
<option>September</option>
<option>Oktober</option>
<option>November</option>
<option>Desember</option>
</select>
<label for="select3"></label>
<select name="select3" id="select3">
<option>1991</option>
<option>1992</option>
<option>1993</option>
<option>1994</option>
<option>1995</option>
<option>1996</option>
<option>1997</option>
<option>1998</option>
<option>1999</option>
</select></td>
</tr>
<tr>
<td colspan="2"> </td>
<td><input type="submit" name="button" id="button"
value="Simpan" />
<input type="reset" name="button2" id="button2"
value="Batal" /></td>
</tr>
</table>
</td></tr></table>
</form>
</body>
</html>
 |
| Form dengan elemen entri |
Bila listing kode diatas dijalankan akan menghasilkan tampilan form dilengkapi elemen entri pilihan seperti gambar diatas
Tidak ada komentar:
Posting Komentar