Cara Membuat Form Pendaftaran Anggota Dengan PHP & MySql

Pada postingan kali ini saya akan mencoba berbagi sedikit pengetahuan saya kepada kalian semua, kali ini saya akan membahas tentang bagaimana cara membuat form pendaftaran sederhana dengan php dan mysql, kenapa saya bilang sederhana, karena pada tutorial ini saya belum menambahkan fungsi validasi dan juga fungsi chaptca, munngkin dipostingan berikutnya akan saya bahas, untuk mempersingkat waktu silahkan simak langkah-langkah berikut.

Screenshoot Tampilannya

Pertama kita harus buat databasenya terlebih dahulu, silahkan buat dengan nama databasenya sesuai keinginan, pada postingan ini saya kasi nama "anggotaa:.
Selanjutnya pada database tersebut kita harus buat tabel, disini tabelnya saya kasi nama "penaftaran", silahkan dinamai sesuka hati dan nanti sesuaikan dengan koneksi dan sqlnya, dan kalo ga mau repot ganti lagi, tinggal ikutin nama yang saya buat. Nama databasenya agak sedikit salah sebab saat buat tutorial ini kurang teliti, kalo mau ganti silahkan, saran saya kalo ga pengen bingung ikutin saja yang saya buat.

Struktur Database

Jika sudah buat tabel seperti gambar diatas, langkah selanjutnya adalah membuat file koneksinya, dimana file ini nanti yang akan menghubungkan form kita dengan database, silahkan copy file dibawah ini dan simpan dengan nama "koneksi.php".

Koneksi.php

<?php
@mysql_connect("localhost","root","") or die("Maaf Koneksi Gagal!");
mysql_select_db("anggota")or die ("Database Tidak Ditemukan!");
?>

Kalo sudah disimpan langkah selanjutnya adalah membuat tampilan form pendaftarannya, disini tampilan sama eksekusinya saya gabungkan dalam satu file biar lebih hemat, file tampilan form ini saya kasi nama "daftar_anggota.php".

daftar_anggota.php

<style>
#daftar{
  background:#transparent;
  border:1px solid #ccc;
  margin:auto;
  width:400px;
  padding:4px;
  border-radius:3px;
}
.texbox{
   border:1px solid #ccc;
   height:25px;
}
.texarea{
   border:1px solid #ccc;

}
.btn{
    width:85px;
    height:30px;
    color:#099;
    font-weight:bold;
    margin-bottom:3px;
    }
.btn:hover{
   background:#333;
   color:#fff;
   font-weight:bold;
   cursor:pointer;
   border:2px solid #099;
   border-radius:4px;
    }
</style>
<?php
error_reporting(E_ALL ^ (E_NOTICE | E_WARNING));
include "koneksi.php";
if ($_POST['act']=="add"){
    $sql_add="INSERT INTO penaftaran (nama,jenis_kelamin,agama,tanggal_lahir,telepon,email,alamat) VALUES ("
    ."'".$_POST['nama']."',
    '".$_POST['jk']."',
    '".$_POST['agama']."',
    '".$_POST['tgl_lahir']."',
    '".$_POST['telepon']."',
    '".$_POST['email']."',
    '".$_POST['alamat']."') ";
    @mysql_query($sql_add);
    echo'<script>alert("Data Berhasil Disimpan");window.location ="tampil_anggota.php";</script>';

}
?>
<div id="daftar">
<p align="center">&raquo;FORM PENDAFTARAN ANGGOTA&laquo;</p>
<table border="0px">
<form method="post" enctype="multipart/form-data">
<tr><td>Nama Lengkap</td> <td>:</td> <td><input name="nama" size="25" class="texbox"></td></tr>

<tr><td>Jenis Kelamin</td><td>:</td><td><select name="jk" class="texbox" value="<?php $_POST['jk']?>">
<option value="pilih">--Pilih--</option>
<option value="Laki-laki">Laki-laki</option>
<option value="Perempuan">Perempuan</option>
</select></td></tr>


<tr><td>Agama</td><td>:</td><td><select name="agama"  class="texbox" value="<?php $_POST['agama']?>>
<option value="pilih">--Pilih--</option>
<option value="pilih">--Pilih--</option>
<option value="Islam">Islam</option>
<option value="kristen">Kristen</option>
<option value="Hindu">Hindu</option>
<option value="buddha">Buddha</option>
</select></td></tr>

<tr><td>Tanggal Lahir</td> <td>:</td><td><input name="tgl_lahir" size="25" class="texbox"></td></tr>
<tr><td>Telepon</td> <td>:</td><td><input name="telepon"  size="25" class="texbox"></td></tr>
<tr><td>Email</td> <td>:</td><td><input name="email"  size="25" class="texbox"></td></tr>
<tr><td>Alamat</td> <td>:</td><td><textarea name="alamat"  cols="25" rows="3" class="texarea"></textarea></td></tr>
<tr><td><input type="submit" value="Simpan" class="btn">
    <input type="hidden" name="act" value="add"></td></tr>
</table>
</form>
</div>

Langkah terakhir adalah kita harus membuat uotputnya, dimana nanti file ini akan menampilkan hasil yang telah kita simpan ke dalam database, disini saya kasi nama "tampil_anggota.php".

tampil_anggota.php

<style>
#anggota{
  background:#transparent;
  border:1px solid #ccc;
  margin:auto;
  width:710px;
  padding:4px;
  border-radius:3px;
}
.tabel{
    border:1px solid #ccc;
}
#tr{
    border:1px solid #ccc;
    background:#444;
    color:fff;
    padding:12px;
    text-align:center;
}
</style>
<div id="anggota">
<p align="center">&raquo;DAFTAR NAMA ANGGOTA&laquo;</p>
<?php
//error_reporting(E_ALL ^ (E_NOTICE | E_WARNING));
include "koneksi.php";
$sql="SELECT * FROM penaftaran";
$result = mysql_query($sql);
echo"<table border='1px'>";
    echo"<tr id='tr'>";
         echo"<td>Nama</td>";
         echo"<td>jenis Kelami</td>";
         echo"<td>Agama</td>";
         echo"<td>Tanggal Lahir</td>";
         echo"<td>Telepon</td>";
         echo"<td>Email</td>";
         echo"<td>Alamat</td>";
    echo"</tr>";


while ($row = mysql_fetch_array($result))
        {

           echo "<tr>";
           echo"<td>".$row['nama']."</td>";
           echo"<td>".$row['jenis_kelamin']."</td>";
           echo"<td>".$row['agama']."</td>";
           echo"<td>".$row['tanggal_lahir']."</td>";
           echo"<td>".$row['telepon']."</td>";
           echo"<td>".$row['email']."</td>";
           echo"<td>".$row['alamat']."</td>";
          echo"</tr>";
        }
echo"</table>";
?>
<a href="daftar_anggota.php">&laquo; Back</a>
</div>