Semangat pagi teman - teman, kali ini saya akan posting form sangat sederhana..
disini form yang saya buat menggunakan tabel.. dan sangat belum rapih..
dalam scriptnya saya juga menggunakan sedikit css..
Scriptnya bisa di copas disini..
<!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>
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>