Di bawah ini adalah cara untuk membuat buku tamu menggunakan bahasa pemograman HTML :
<html>
<head>
<title>Buku Tamu</title>
</head>
<body>
<form method="POST" action="Simpan.ASP">
<table border="0" cellpadding="0" cellspacing="0"
style="border-collapse" bordercolor="#111111"
width="100%" id="AutoNumber1" height="99">
<tr>
<td width="100%" colspan="2" align="center" height="48"bgcolor=green>
<font face="Microsoft SnsSerif" size="6" color="#FFFF00"><marquee behavior="alternate">Buku Tamu</matquee></font></td>
</tr>
<tr>
<td width="23%" height="19" bgcolor="#00CCFF"><font face="Comic Sans MS">Nama Lengkap</font></td>
<td width="77%" height="19" bgcolor="#00CCFF"><font face="Comic Sans MS">
<input type="text" name="txtNama"size="40" style="font family:Comic Sans MS;font-size:12pt"></font></td>
</tr>
<tr>
<td width="23%" height="19" bgcolor="#00CCFF"><font face="Comic Sans MS">Alamat Email</font></td>
<td width="77%" height="19" bgcolor="#00CCFF"><font face="Comic Sans MS">
<input type="text" name="txtAlamat"size="40" style="font family:Comic Sans MS;font-size:12pt"></font></td>
</tr>
<tr>
<td width="23%" height="19" bgcolor="#00CCFF"><font face="Comic Sans MS">Jenis Kelamin</font></td>
<td width="77%" height="19" bgcolor="#00CCFF"><font face="Comic Sans MS">
<input type="radio" value="Pria" checked name="OptJenis">Pria
<input type="radio"name="OptJenis"value="Wanita">Wanita</font></td>
</tr>
<tr>
<td width="23%"height="19"bgcolor="#00CCFF"><font face="Comic Sans MS">Agama</font></td>
<td width="77%" height="19"bgcolor="#00CCFF"><font face="Comic Sans MS">:
<select size="1" name="cboAgama" style="font-family:Comic Sans MS;font-size:12pt">
<option selected value="Islam">Islam</option>
<option value="Kristen">Kristen</option>
<option value="Hindu">Hindu</option>
<option value="Budha">Budha</option>
<option value="Kepercayaan">Kepercayaan</option>
</select></font></td>
</tr>
<tr>
<td width="23%" height="19"bgcolor="#00CCFF"><font face="Comic Sans MS">Hobby</font></td>
<td width="77%"height="19"bgcolor="#00CCFF"<font face="Comic Sans MS">
<input type="Checkbox"name=C1"Value="ON">Sport</font></td>
</tr>
<tr>
<td width="23%" height="19"bgcolor="#00CCFF"> </td>
<td width="77%"height="19"bgcolor="#00CCFF"<font face="Comic Sans MS">
<input type="Checkbox"name=C2"Value="ON">Entertainment</font></td>
</tr>
<tr>
<td width="23%" height="19"bgcolor="#00CCFF"> </td>
<td width="77%"height="19"bgcolor="#00CCFF"<font face="Comic Sans MS">
<input type="Checkbox"name=C3"Value="ON">Musik</font></td>
</tr>
<tr>
<td width="23%" height="19"bgcolor="#00CCFF"> </td>
<td width="77%"height="19"bgcolor="#00CCFF"<font face="Comic Sans MS">
<input type="Checkbox"name=C4"Value="ON">Vacation</font></td>
</tr>
<tr>
<td width="23%" height="19"bgcolor="#00CCFF"> </td>
<td width="77%"height="19"bgcolor="#00CCFF"<font face="Comic Sans MS">
<input type="Checkbox"name=C5"Value="ON">Shopping</font></td>
</tr>
<tr>
<td width="23%"height="16"bgcolor="#00CCFF"><font face="Comic Sans MS">Komentar</font></td>
<td width="77%"height="16"bgcolor="#00CCFF"><font face="Comic Sans MS">
<textarea rows="6" name="S1"cols="60"></textarea></font></td>
</tr>
<tr>
<td width="100%"height="51"bgcolor=green colspan="2">
<p align="center">
<input type="submit" value="Submit"name="B1"
style="font-family:Comic Sans MS;font-size=12pt">
<input type="reset"value="Reset"name="B2"style="font-family:Comic Sans MS;font-size:12pt">
</td>
</tr>
</table>
</form>
</body>
</html>
Dan di bawah ini tampilan dari pada tag-tag di atas :
0 komentar:
Posting Komentar