membuat buku tamu dengan php (1)

untuk tulisan ini saya sharing sedikit tentang pembuatan buku tamu dengan menggunakan php, pertama kita siapkan database yang terdiri dari:

  1.  id
  2. nama_pengunjung
  3. subjek
  4. email
  5. pesan
  6. tanggal_pesan

untuk pembuatan form dapat menggunakan code di bawah ini:

 

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
<html xmlns=”http://www.w3.org/1999/xhtml”&gt;
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />
<title>Buku Tamu</title>
</head>

<body>
<form method=”post” action=”kunjung.php”>
<table align=”center” bgcolor=”#CCCCCC”>
<th colspan=”4″><h2><marquee><font color=”#FF33CC”>Buku Tamu (mohon diisi untuk menjalin sillaturahim)</marquee></h2></th>
<tr>
<td>Nama</td>
<td>:</td>
<td><input type=”text” name=”nama” maxlength=”30″ size=”30″ /></td>
</tr>
<tr>
<td>Subjek</td>
<td>:</td>
<td><input type=”text” name=”subjek” maxlength=”30″ size=”30″ /></td>
</tr>
<tr>
<td>Pesan</td>
<td>:</td>
<td><textarea name=”pesan” cols=”30″ rows=”10″>isi pesan disini</textarea></td>
</tr>
<tr>
<td>Email</td>
<td>:</td>
<td><input type=”text” name=”email” maxlength=”30″ size=”30″ /> <strong>tidak dipublikasikan</strong></td>
</tr>
<tr>
<td>Tanggal Pesan</td>
<td>:</td>
<td>Tanggal <?php echo “<select name=’tanggal’>”;
for($a=1;$a<=31;$a++)//menuliskan tanggal secara otomatis dengan perulangan / looping
{
echo “<option value='”.$a.”‘>”.$a.”</option>”;
}
echo “</select>”;
?>
Bulan <?php echo “<select name=’bulan’>”;
for($b=1;$b<=12;$b++)//menuliskan bulan secara otomatis dengan perulangan / looping
{
echo “<option value='”.$b.”‘>”.$b.”</option>”;
}
echo “</select>”;
?>
Tahun <?php echo “<select name=’tahun’>”;
for($c=2012;$c<=2030;$c++)//menuliskan tahun secara otomatis dengan perulangan / looping
{
echo “<option value='”.$c.”‘>”.$c.”</option>”;
}
echo “</select>”;
?> </td>
</tr>
<tr><td><input type=”submit” name=”submit” value=”Isi Buku Tamu” /></tr>
</table>
</form>
</body>
</html>

Tinggalkan Balasan

Please log in using one of these methods to post your comment:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s