Membuat Form Sederhana Dengan PHP dan Mysql

Masih berkutat dengan PHP, kali ini kita akan coba membuat form pendaftaran sederhana dengan memanfaatkan PHP dan database mysql sebagai media penyimpanan.

Untuk memahami bagaimana cara membuat database atau tabel anda dapat mempelajari di artikel-artikel yang sebelumnya pernah di publish di label Tips. Baiklah sebelum dimulai, apakah diantara anda mungkin sudah ada yang pernah membuat form pendaftaran sebelumnya, mungkin dengan bahasa pemrogaman yang berbeda seperti java mungkin?

Langsung saja, hal pertama yang perlu dilakukan adalah gunakan script berikut untuk membuat database dan tabel :

create database contoh;
use contoh;

CREATE TABLE `user` (
  `username` varchar(30) NOT NULL,
  `password` varchar(50) NOT NULL,
  `nama` varchar(40) NOT NULL,
  PRIMARY KEY (`username`)
)

Simpan script di atas dengan nama contoh.sql atau anda dapat menjalankannya pada sql command line.

Selanjutnya silahkan import file contoh.sql tersebut ke dalam localhost/phpmyadmin seperti gambar berikut :

Langkah selanjutnya adalah membuat file php yang akan berisi field sekaligus script php yang akan menjalankan sql query untuk insert data ke dalam database. Secara keseluruhan kodenya adalah berikut ini :

<html>
<head><title>Register</title></head>
<style type="text/css">
   table{margin:0 auto;width:30%;border-collapse:collapse;background:#ecf3eb;}
   td{border:1px solid #999; width:10%; font-size: 12px}
   td{padding:4px 8px; }
   .status{width: 450px;background-color: #f0f0f0; border: 1px solid #555; text-align: center;}
</style>
<body>
   <form method="post" action="index.php">
    <table>
      <tr>
         <td colspan="2" align="center"><span style="font-weight:bold">FORM PENDAFTARAN</span></td>
      </tr>
      <tr>
         <td>Username</td>
         <td><input type="text" name="username" size="20" /></td>
      </tr>
      <tr>
         <td>Password</td>
         <td><input type="password" name="password" size="20" /></td>  
      </tr>
      <tr>
         <td>Rentry Password</td>
         <td><input type="password" name="repassword" size="20" /></td>  
      </tr>
      <tr>
         <td>Nama Lengkap</td>
         <td><input type="text" name="nama" size="30" /></td>  
      </tr>
      <tr>
         <td colspan="2" align="center"><input type="submit" name="daftar" value="Daftar Sekarang"></td>
      </tr>   
     </table>
   </form>
   <center> 
   <?php
      function koneksi(){
         $server = "localhost";
         $username = "root"; /*username untuk login ke mysql*/
         $password = ""; /*password untuk login ke mysql*/
         $database = "contoh";
         $konek = mysql_connect($server, $username, $password) or die ("Gagal konek ke server MySQL" .mysql_error());
         $bukadb = mysql_select_db($database) or die ("Gagal membuka database $database" .mysql_error()); 
      }/*thedewaku*/
      if(isset($_POST['daftar'])){
          $username=$_POST['username'];
          $password=$_POST['password'];
          $repassword=$_POST['repassword'];
          $nama=$_POST['nama'];
          echo "<div class='status'>";
          if(empty($username) || empty($password) || empty($repassword) || empty($nama)) {
             echo "Mohon semua field diisi !";
          }else{
             if($password!=$repassword){
                echo "Password tidak sama!";
             }else{
                koneksi();
                $newpassword=md5($password);
                mysql_query("INSERT INTO user (username, password, nama) VALUES ('$username','$newpassword','$nama')");
                echo "Pendaftaran berhasil!";            
             }
          }/*thedewaku*/
          echo "</div>";
       }
   ?>
   </center>
</body>
</html>

Simpanlah kode di atas dengan nama index.php tentunya dengan format file php.

Keterangan :
Perhatikan kode yang ditandai dengan warna merah adalah menunjukkan form action file yang dituju ketika button di jalankan, warna biru menunjukkan tombol yang akan ditekan oleh user, warna kuning adalah menunjukkan definisi nama database yang akan digunakan dan kode warna hijau adalah kode untuk melakukan eksekusi query insert ke dalam tabel user (warna orange) di database contoh.

Sekarang coba jalankan di server localhost anda seperti berikut, kemudian coba jalankan :