Pembuatan
Form dengan elemen entri pilihan
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>
<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>
Hasilnya :
Tidak ada komentar:
Posting Komentar