Pada kasus pembuatan form dan tabel dengan html sebenarnya tidak rumit, cukup kita memahami semua elemen-elemen yang berkaitan dengan tabel dan form dalam html. hal ini akan membuat kita dapat mengexplorasikan semua elemen dengan berbagai macam kasus.
sebagai contoh kasus perhatikan kode html dibawah ini:
anda bisa melakukan copi paste untuk melihat hasil nya....
<html>
<head>
<Title>
**** Pra
Kuliah Stikom Uyelindo Kupang ****
</title>
</head>
<hr>
<h3><left>
HOME | EDIT | VIEW | <a href="menu.html"
Style="text-decoration:none">BACK TO HOME</a> </h3>
<hr>
<body>
<table
border="0" bgcolor="#FFCC00" width="75%"
align="center">
<tr>
<td width="20%">Nama
Calon</td>
<td><input
type="text" id="NamaLengkap"
size="50"></td>
</tr><br>
<tr>
<td
width="20%">Tempat Tanggal Lahir</td>
<td><input
type="text" name="ttl" id="ttl"
size="30"></td>
</tr>
<tr>
<td
width="20%">Pilih Program Studi</td>
<td>
<input type="checkbox"
name="TIS1"> Teknik Informatika S1
<input type="checkbox"
name="SIS1"> Sistem Informasi S1
<input type="checkbox"
name="TID3"> Teknik Informatika D3
</td>
</tr>
<tr>
<td
width="20%">Agama</td> <!-- AGAMA -->
<td>
<select name="Agama"
id="Agama">
<option value="#"
id="#">--</option>
<option
value="Katolik" id="agama">Katolik</option>
<option
value="Protestan" id="agama">Protestan</option>
<option
value="Islam" id="agama">Islam</option>
<option value="Hindu"
id="agama">Hindu</option>
<option
value="Budha" id="agama">Budha</option>
<option
value="Lain-lain" id="agama">Lain-lain</option>
</select>
</td>
</tr>
<tr>
<td width="20%"
>Jenis Kelamin</td>
<td>
<input type="radio"
name="JKl" value="JKl">Laki-laki
<input type="radio"
name="JKp" value="JKp">Perempuan
</td>
</tr>
<tr>
<td width="20%">Alamat
di Kupang</td>
<td><textarea
name="alamat" rows="5" cols="40">
</textarea></td>
</tr>
</table>
<hr>
<input type="submit"
value="Simpan">
<input type="reset"
value="Reset">
<hr>
<table border="0"
width="100%" bgcolor="red">
<tr>
<td>
<h4
align="center">Copyright 2016 STIKOM Uyelindo Kupang</h4>
</td>
</tr>
</table>
</body>
</html>
No comments:
Post a Comment