Beranda > Artikel, mysql, php, Tips dan trik, Website > Membuat Form inputan sederhana dengan PHP dan MySQL

Membuat Form inputan sederhana dengan PHP dan MySQL


berikut osting sederhana mengenai bagaimana menginputkan data ke database dengan form dari PHP. berikut screenshotnya:
input data

berikut step by stepnya:
1. buat database dengan nama db_inputan di PhpMyAdmin dengan query berikut:

CREATE TABLE IF NOT EXISTS `profile` (

`no_profil` int(3) NOT NULL AUTO_INCREMENT,

`nama` varchar(100) DEFAULT NULL,

`alamat` varchar(100) DEFAULT NULL,

`jenis_kelamin` varchar(10) DEFAULT NULL,

`no_hp` varchar(12) DEFAULT NULL,

PRIMARY KEY (`no_profil`)

) ENGINE=MyISAM  DEFAULT CHARSET=latin1 AUTO_INCREMENT=11 ;

2. buat file connectionnya untuk menghubungkan PHP dan MySQL. berikan nama connection.php
berikut scriptnya:

<?php$server = “localhost”;
$username = “root”;
$password = “”;
$database = “db_inputan”;
mysql_connect($server,$username,$password) or die(“Koneksi gagal”);mysql_select_db($database) or die(“Database tidak bisa dibuka”);?>

3. buat form untuk menampilkan hasil inputan dan juga form pengisiannya, kebetulan saya jadkan satu. buat dengan nama index.php
berikut scriptnya:

<?php

include(“connection.php”);

echo “<center><u><b>PROFILE MAHASISWA</b></u></center><br>”;

echo “<table border=’0′ align=’center’>”;

echo “<tr><td>”;

echo “<center><u><b>TABEL MAHASISWA</b></u></center>”;

echo “<table border=’1′ cellpadding=’0′ cellspacing=’0′>”;

echo “<tr><th>NO</th><th>NAMA</th><th>ALAMAT</th><th>JENIS KELAMIN</th><th>NO. HP</th></tr>”;

$sql=mysql_query(“select * from profile”);

$no=1;

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

echo “<tr ><td style=’padding:5px;’>$no</td><td style=’padding:5px;’>$row[1]</td>

<td style=’padding:5px;’>$row[2]</td><td style=’padding:5px;’>$row[3]</td><td style=’padding:5px;’>$row[4]</td></tr>”;

$no++;

}

echo “</table>”;

echo “</td><td valign=’top’>”;

echo “<center><u><b>INPUT MAHASISWA</b></u></center>”;

echo “

<table border=’0′>

<form action=’input.php’ method=’POST’>

<tr><td>NAMA</td><td><input type=’text’ name=’nama’ ></td></tr>

<tr><td>ALAMAT</td><td><input type=’text’ name=’alamat’ ></td></tr>

<tr><td>JENIS KELAMIN</td><td><input type=’radio’ name=’jk’ value=’LAKI-LAKI’>Laki-Laki <input type=’radio’ name=’jk’ value=’PEREMPUAN’>Perempuan</td></tr>

<tr><td>NO. HP</td><td><input type=’text’ name=’nope’ ></td></tr>

<tr><td></td><td><input type=’submit’ name=’submit’ value=’Input’ > <input type=’reset’ name=’reset’ value=’Clear’ ></td></tr>

</form>

</table>

“;

echo “</td></tr></table>”;

?>

4. buat file php untuk parsing dari inputan ke database MySQL, buat dengan nama input.php
berikut scriptnya:

<?php

include(“connection.php”);

$nama=$_POST['nama'];

$alamat=$_POST['alamat'];

$jk=$_POST['jk'];

$nope=$_POST['nope'];

$conf=mysql_query(“insert into profile values(”,’$nama’,’$alamat’,’$jk’,’$nope’)”);

if($conf) {

?><script language=”javascript”>

alert(“succes Input data”);

document.location=”index.php”;

</script>

<?php

}else{

?><script language=”javascript”>

alert(“Input Data Gagal”);

document.location=”index.php”;

</script>

<?php

}

?>

semua file jadikan satu dalam satu folder. dan panggil lewat localhost/nama_folder

About these ads
  1. 21 Agu 2013 pukul 06:30 | #1

    Ahaa, its good discussion about this piece of writing here at
    this weblog, I have read all that, so now me also commenting at this place.

  2. 16 Feb 2014 pukul 17:43 | #2

    Sebenarnya bisa dibuat lebih sederhana mas dengan menjadikan from input dan update menjadi satu, dan kita bisa bikin banyak modul dalam satu template.
    monggo di cek
    http://hadinug.net/post/1392459654/membuat-aplikasi-crud-sederhana-dengan-php-dan-mysql.html

  1. No trackbacks yet.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Logout / Ubah )

Twitter picture

You are commenting using your Twitter account. Logout / Ubah )

Facebook photo

You are commenting using your Facebook account. Logout / Ubah )

Google+ photo

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

Ikuti

Get every new post delivered to your Inbox.

Bergabunglah dengan 54 pengikut lainnya.

%d bloggers like this: