Cara Membuat Form Pendaftaran Dengan PHP dan MySQL

Setelah membuat halaman dinamis dan berhasil mengkoneksikannya dengan database mysql, sekarang lanjut ke cara membuat form pendaftaran dengan php dan mysql dimana fungsinya sama dengan create atau tambah data.

Pada tutorial ke #04 ini sebagai kasus membuat form pendaftaran untuk tamu. Perlu diketahui pada artikel ini hanya focus ke bagian proses tambah datanya saja, untuk validasi dan tampilan yang lebih maksimal akan ditulis dalam artikel yang berbeda.

Jika kamu belum membaca tutorial paling awal yaitu cara membuat website sederhana dengan php dan mysql, silakan baca terlebih dahulu karena ini adalah seri tutorial yang berhubungan.

Cara Membuat Form Pendaftaran Dengan PHP dan MySQL

1. Buat file baru dengan nama form.php dan masukkan code di bawah ini :

<article>
  <div id="form">
    <form action="index.php?web=insert" method="post">
      <h1>BUKU TAMU</h1>
      <label for="nama">Nama :</label>
      <input type="text" name="nama" id="nama">

      <label for="email">Email :</label>
      <input type="email" name="email" id="email">

      <label for="ttl">TTL :</label>
      <input type="text" name="ttl" id="ttl">

      <label for="telp">No.Telp :</label>
      <input type="text" name="telp" id="telp">

      <label for="alamat">Alamat :</label>
      <input type="text" name="alamat" id="alamat">

      <label for="pesan">Pesan :</label>
      <textarea name="pesan" id="pesan" cols="30"></textarea>

      <input type="submit" name="submit" value="Kirim">
      <input type="reset" name="reset" value="Reset">
    </form>
  </div>
</article>

2. Buat file dengan nama insert.php dan masukkan source code berikut :

Keterangan :

• terdapat pengaturan time zone yang berfungsi untuk menyamakan waktu yang nantinya berpengaruh ke field “tanggal” yang ada di database
• pada baris ke 4 sampai 10 merupakan inisialisasi variabel dari setiap name yang ada di form.php
• ancang-ancang proses tambah data ada pada baris ke 12 “INSERT TO tamu” artinya masukkan ke tabel tamu, disitu dijelaskan bahwa field nama, emai, ttl, telp, alamat, pesan, tanggal akan menerima input data dari $nama, $email, … $tanggal
• baris 14 adalah proses tambah data dengan kondisi jika adanya data yang ditambahkan akan memunculkan alert dan reload ke index.php?web=form, sedangkan jika gagal akan menampilkan pesan error.

3. Jika kamu lihat tampilannya kurang rapi jadi mari tambahkan style, buka file style.css dan tambahkan code berikut :

/* form style */
#form form label{
	display: block;
	width:100px;
	margin-bottom:10px;
	font-style: bold;
	font-size: 12px;
}
#form form input[type=text],
#form form input[type=email],
#form form textarea{
	padding:4px;
	width: 100%;
	margin-bottom: 10px;
}

4. Simpan dan hasilnya akan seperti gambar di berikut :

Itulah artikel ke 4 dari seri tutorial membuat website sederhana menggunakan php dan mysql yang dapat saya sampaikan, lanjut juga ke tutorial berikutnya ya.

Baca Juga :

1. Cara Membuat Website Sederhana Dengan PHP Dan MySQL
2. Cara Membuat Halaman Dinamis Pada Website PHP
3. Cara Koneksi Webiste PHP Dengan Database MySQL
4. Cara Menampilkan Data dari Databse MySQL Pada Website PHP
5. Cara Update dan Delete Database Pada Website PHP