Code Save Box: Tutorial HTML & PHP Membuat Form Input

Assalamau'alaikum Wr. Wb

Ini adalah tutorial membuat form input yang terkoneksi ke dalam database. Berikut langkah-langkah pembuatannya. Langsung saja...

Langkah 1 : Pembuatan Database

Buat database dengan nama data_mhs
Buat tabel dengan nama tabel_mhs, dengan struktur tabel seperti berikut :

3. Selesai membuat database, lanjutkan ke langkah 2.

Langkah 2 : Buat Folder

Buat Folder dengan nama input dalam document root anda (contoh di htdocs pada MYSQL ).
Simpan semua file yang nanti di buat di folder tersebut.

Langkah 3 : Membuat Script form input

Ketikan script berikut dan simpan dengan nama inputdata.php :
<html>
<head>
<title>Input Data Mahasiswa</title>
</head>

<body>
<form method="post" action="Simpandata.php">
<table>
<tr>
    <td>NIM</td>
    <td>:</td>
    <td colspan="7"><input type="text" name="nim" size="40"></td>
</tr>
<tr>
    <td>Nama Mahasiswa</td>
    <td>:</td>
    <td colspan="7"><input type="text" name="nama" size="40"></td>
</tr>
<tr>
    <td>Tanggal Lahir</td>
    <td>:</td>
    <td><input type="text" name="tanggal" size="4"/> </td>
    <td> Bulan </td>
    <td> : </td>
    <td><select name="bulan">
        <option value="1" selected="selected"> Jan </option>
        <option value="2" > Feb </option>
        <option value="3" > Mar </option>
        <option value="4" > Apr </option>
        <option value="5" > Mei </option>
        <option value="6" > Jun </option>
        <option value="7" > Jul </option>
        <option value="8" > Agu </option>
        <option value="9" > Sep </option>
        <option value="10" > Okt </option>
        <option value="11" > Nov </option>
        <option value="12" > Des </option></select></td>
    <td> Tahun </td>
    <td> : </td>
    <td> <input type="text" name="tahun" size="6" /> </td>
</tr>
<tr>
    <td>Alamat</td>
    <td>:</td>
    <td colspan="7"><input type="text" name="alamat" size="40"></td>
</tr>
<tr><td colspan="3"><input type="submit" value="Simpan">
<input type="reset" value="Hapus"></td>
</tr>
</table>
</form>
<font color="red"><h5>Ysabtian.blogspot.com</h5></font>
</body>
</html>

Langkah 4 : Buat script koneksi dan pemroses ke database

Ketikkan script berikut dan berinama simpandata.php :
<?php
mysql_connect("localhost","root","");
mysql_select_db("data_mhs");

/* mengambil input dari form */
$nim=isset($_POST['nim'])?$_POST['nim']:'';
$nama=isset($_POST['nama'])?$_POST['nama']:'';
$tgl=$_POST['tahun'].'-'.$_POST['bulan'].'-'.$_POST['tanggal'];
$alamat=isset($_POST['alamat'])?$_POST['alamat']:'';

if($nim=="")
{
echo "NIM anda kosong";
}
else
{
/* cek input NIM */
$pilih=mysql_query("select * from tabel_mhs where nim='$nim' ");
$cek=mysql_num_rows($pilih);

if($cek==0)
{

/* menyimpan data ke tabel */
mysql_query("INSERT INTO tabel_mhs(nim,nama,tanggal,alamat) VALUES('$nim','$nama','$tgl','$alamat')");

echo " Data yang anda masukkan telah berhasil didaftarkan ";
}
else
{
echo " NIM yang ada masukkan sudah terdaftar ";
}
}
?>
<font color="red"><h5>Ysabtian.blogspot.com</h5></font>

Langkah 5 : Uji coba Script

   1. Pergi ke http://localhost/input/inputdata.php lalu akan tampil form seperti berikut :

2. Masukkan nim, nama, tanggal lahir, serta alamat anda pada field yang tersedia :

3. Klik tombol simpan dan jika data yang dimasukkan belum terdaftar maka akan tampil keterangan
proses :

Jika data yang dimasukkan sudah terdaftar maka akan tampil keterangan proses seperti berikut :

4. Cek di database :

Alhamdulillah tutorial tentang form input sudah selesai.
Semoga bermanfaat bagi kita semua.. Aamiin.
Sekian tutorial kali ini.
Wassalamua'alaikum Wr. Wb.

Download script :

Code Save Box

Jumat, 29 Maret 2013

Tutorial HTML & PHP Membuat Form Input

4 komentar:

About

Blogroll