disini form yang saya buat menggunakan tabel.. dan sangat belum rapih..
dalam scriptnya saya juga menggunakan sedikit css..
 | ||||
| Screenshoot form |
<!DOCTYPE html>
<html>
<head>
<title>Form Sederhana Gunakan Tabel</title>
<style type="text/css">
table{
font-size: 14px;
color: navy;
}
</style>
</head>
<body>
<table border="1" width="80%">
<tr>
<td colspan="2"><img src="head.png" width="100%" height="250"></td>
<td> </td>
</tr>
<tr>
<td width="25%" bgcolor="lightgreen">
<ul>
<li>Form</li>
<li><a href="https://plus.google.com/107637481100469308383">About</a></li>
<li><a href="http://gieovanniwp.blogspot.co.id/">Other Link</a></li>
</ul>
</td>
<td>
<form action="post.php" method="POST">
<table align="center">
<tr>
<td>Nama :</td> <td><input type="Text" name="nama" value="nama" size="65" maxlength="40"></td>
</tr>
<tr>
<td>Alamat : </td>
<td><TEXTAREA name="alamat" value="alamat" cols=65 rows=5></TEXTAREA></td>
</tr>
<tr>
<td valign="top">Agama :</td> <td><input type="radio" name="agama" value="Islam"> Islam
<input type="radio" name="agama" value="Kristen"> Kristen
<input type="radio" name="agama" value="Katholik"> Katholik
<input type="radio" name="agama" value="Budha"> Budha
<input type="radio" name="agama" value="Hindu"> Hindu
<input type="radio" name="agama" value="Konghuchu"> KonghuChu</td>
</tr>
<tr>
<td>Jenis Kelamin:</td> <td><select>
<option>-Pilih-</option>
<option>Pria</option>
<option>Wanita</option>
</select></td>
</tr>
<tr>
<td>
<p align="bottom">
<input type="submit" value="Kirim">
<input type="reset" value="Batal">
</p></td>
</tr>
</table>
</form>
</td>
</tr>
<tr>
<td bgcolor="navy" colspan="2" height="20%"></td>
</tr>
</table>
</body>
</html>
0 komentar:
Posting Komentar