Contoh Tabel Biodata Pada HTML
<html>
<head>
<title>Biodata </title>
</head>
<body>
<table border="1">
<tr>
<td colspan="2" width="150" height="40" align="center">BIODATA SISWA</td>
</tr>
<td width="150" height="40" align="left">NIS</td>
<td width="150" height="40" align="center">
<input type="text" name="NIS" size="34"></td>
</tr>
<td width="150" height="40" align="left">Nama</td>
<td width="150" height="40" align="center">
<input type="text" name="Nama" size="34"></td>
</tr>
<td width="150" height="40" align="left">Alamat</td>
<td width="150" height="40" align="center">
<input type="text" name="Alamat" size="34"></td>
</tr>
<td width="150" height="40" align="left">Jenis Kelamin</td>
<td width="150" height="40" align="center">
<input type="radio" name="sex" value="Pria">Pria
<input type="radio" name="sex" value="Wanita">Wanita
</tr>
<td width="150" height="40" align="left">Agama</td>
<td width="150" height="40" align="center">
<select size="1">
<option>Islam</option>
<option>Hindu</option>
<option>Buddha</option>
<option>Kristen</option>
<option>Kong Hucu</option>
</select></td>
</tr>
<td width="150" height="40" align="left">Kegemaran</td>
<td width="150" height="40" align="center">
<input type="checkbox" name="vehicle" value="Menyanyi">Menyanyi
<input type="checkbox" name="vehicle" value="Dance">Dance
<input type="checkbox" name="vehicle" value="Menari">Menari
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" value="Tambah" name="B1">
<input type="reset" value="Hapus" name="B2"></td>
</table>
</body>
</html>
<head>
<title>Biodata </title>
</head>
<body>
<table border="1">
<tr>
<td colspan="2" width="150" height="40" align="center">BIODATA SISWA</td>
</tr>
<td width="150" height="40" align="left">NIS</td>
<td width="150" height="40" align="center">
<input type="text" name="NIS" size="34"></td>
</tr>
<td width="150" height="40" align="left">Nama</td>
<td width="150" height="40" align="center">
<input type="text" name="Nama" size="34"></td>
</tr>
<td width="150" height="40" align="left">Alamat</td>
<td width="150" height="40" align="center">
<input type="text" name="Alamat" size="34"></td>
</tr>
<td width="150" height="40" align="left">Jenis Kelamin</td>
<td width="150" height="40" align="center">
<input type="radio" name="sex" value="Pria">Pria
<input type="radio" name="sex" value="Wanita">Wanita
</tr>
<td width="150" height="40" align="left">Agama</td>
<td width="150" height="40" align="center">
<select size="1">
<option>Islam</option>
<option>Hindu</option>
<option>Buddha</option>
<option>Kristen</option>
<option>Kong Hucu</option>
</select></td>
</tr>
<td width="150" height="40" align="left">Kegemaran</td>
<td width="150" height="40" align="center">
<input type="checkbox" name="vehicle" value="Menyanyi">Menyanyi
<input type="checkbox" name="vehicle" value="Dance">Dance
<input type="checkbox" name="vehicle" value="Menari">Menari
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" value="Tambah" name="B1">
<input type="reset" value="Hapus" name="B2"></td>
</table>
</body>
</html>
Di atas adalah scriptnya, hasilnya sebagai berikut:
0 komentar:
Posting Komentar