PHP - Membuat form Bukutamu sederhana

Setelah membahas tentang langkah-langkah membuat database dan tabel pada MySQL beberapa waktu lalu, selajutnya kita masuk dalam pembuatan antarmuka/ interface berupa tampilan form isian untuk database tadi dalam bentuk web sederhana.


Melanjutkan pembahasan sebelumnya, pembuatan form bukutamu akan menggunakan field-field dalam database bukutamu, yakni nomor, nama, email dan komentar. Namun, karena field nomor di-set otomatis (auto_increment) maka tidak perlu untuk ditampilkan pada form.

Buatlah dokumen baru melalui web editor anda, lalu ketik source-code berikut dan simpan dalam nama index.php

<html>
<head>
<title>Bukutamu</title>
</head>
<body>
<h2>Form Bukutamu</h2>
<form method="post" action="simpan.php">
<table width="600" border="0">
  <tr>
    <td width="194">Nama</td>
    <td width="10">:</td>
    <td width="382"><input type="text" name="nama1"></td>
  </tr>
  <tr>
    <td>e-mail</td>
    <td>:</td>
    <td><input type="text" name="email1"></td>
  </tr>
  <tr>
    <td>Komentar</td>
    <td>:</td>
    <td><textarea name="komentar1"></textarea></td>
  </tr>
</table>
<table width="600" border="0">
  <tr align="left">
    <td><input type="submit" value="Simpan"><input type="reset" value="Batal"></td>
  </tr>
</table>
</form>
</body>
</html>


Buat dokumen baru, ketik source-code berikut lalu simpan dengan nama simpan.php

<html>
<head>
<title>Simpan Bukutamu</title>
</head>

<body>
<?
    $nama1=$_POST["nama1"];
    $email1=$_POST["email1"];
    $komentar1=$_POST["komentar1"];
    $conn=mysql_connect("localhost","root","");
    if ($conn){
        mysql_select_db("belajar");
        $strsql="INSERT INTO bukutamu(nama,email,komentar)values('$nama1','$email1','$komentar1')";
        $hasil=mysql_query($strsql,$conn);
        echo"Simpan data berhasil<br>";
        echo"Nama     : $nama1<br>";
        echo"Email    : $email1<br>";
        echo"Komentar : $komentar1<br><br>";       
        mysql_close($conn);
    }else{
        echo"Server belum konek";
    }
?>
<a href="index.php">Kembali ke form</a>
</body>
</html>



Form isian bukutamu telah jadi dan dapat menyimpan data yang di-input ke dalam database. Untuk menampilkan, mengubah atau menghapus data akan di-bahas dalam artikel berikutnya.

1 Comments

Isi komentar yang mengandung link aktif (untuk tujuan mencari backlink) akan diblokir oleh system dan akan segera dihapus.

Previous Post Next Post

TopMenu

Contact Form