Membuat Form Input Data Kelas dengan PHP dan MySQL

Contoh Kasus:

Saya ingin membuat form seperti dibawah ini:

Form Input Data Kelas
Kode Kelas :
Nama Kelas :

Lalu setelah saya menekan tombol simpan maka data form ini akan tersimpan ke dalam tabel kelas.

Pertanyaan:

Bagaimana membuatnya … ?

Jawaban:

Ikutilah langkah-langkah dibawah ini:

Pembuatan Tabel Kelas

Buatlah satu tabel kelas dengan field yaitu:

  • kode_kelas bertipe VARCHAR(4)
  • nama_kelas VARCHAR(20)

Catatan:

Untuk pembuatan tabel diatas kamu bisa menggunakan phpMyAdmin selengkapnya kamu bisa baca artikel ini.

Pembuatan Form Input Kelas

Buatlah satu form HTML bernama form_input_kelas.html menggunakan Dreamweaver dengan kode seperti dibawah ini:

<html> 

<head>

<title>Form Input Data Kelas</title>

</head>
<body>

<form action=”simpan_kelas.php” method=”post”>

<table width=”345″ border=”0″>

<tr>

<td colspan=”3″ ><div align=”center”>Form Input Data Kelas</div></td>

</tr>

<tr>

<td width=”155″>Kode Kelas</td>    <td width=”12″>:</td>

<td width=”217″><input type=”text” name=”kd_kelas”  /></td>

</tr>

<tr>

<td>Nama Kelas</td>    <td>:</td>    <td><input type=”text” name=”nm_kelas” /></td>

</tr>

<tr>

<td colspan=”3″ align=”center”><input type=”submit” name=”button” id=”button” value=”Simpan” /></td>

</tr>

</table>

</form>

</body>

</html>

Keterangan:

  • <form action=”simpan_kelas.php” method=”post”>, Kode ini berarti form mengirimkan datanya ke file simpan_kelas.php menggunakan metode POST.

Catatan:

Untuk membuat Form diatas maka saya sarankan kamu baca artikel membuat tabel dalam Dreamweaver dan membuat elemen form dengan Dreamweaver.

Membuat File Penerima Data

Buatlah satu file PHP bernama simpan_kelas.php dengan isi seperti kode dibawah ini:

<?php 

$kode_kelas=$_POST[‘kd_kelas’];

$nama_kelas=$_POST[‘nm_kelas’];

 

$server=”localhost”;

$user=”root”;

$password=””;

$database=”sekolah”;

 

$koneksi_mysql=mysql_connect($server, $user, $password);

if(!$koneksi_mysql){

die(‘Koneksi ke Server MySQL gagal dikarenakan: ‘ . mysql_error());

}

 

$pilih_database=mysql_select_db(‘sekolah’, $koneksi_mysql);

if(!$pilih_database){

die(‘Pemilihan database gagal dilakukan karena: ‘ . mysql_error());

}

 

$sql=”INSERT INTO kelas (kode_kelas, nama_kelas) VALUES(‘$kode_kelas’, ‘$nama_kelas’)”;

$eksekusi_query=mysql_query($sql);

if(!$eksekusi_query){

die(‘Query kamu salah dikarenakan: ‘. mysql_error());

}

?>

Keterangan:

  • $kode_kelas=$_POST[‘kd_kelas’], kode ini berarti saya menerima data kode kelas yang dikirim dari elemen form yang bernama kd_kelas yaitu name=”kd_kelas”.
  • $koneksi_mysql=mysql_connect($server, $user, $password), untuk kode ini maka kamu bisa baca artikelnya di sini.
  • $pilih_database=mysql_select_db(‘sekolah’, $koneksi_mysql), untuk kode ini maka kamu bisa baca artikelnya di sini.
  • Untuk Syntax INSERT INTO maka kamu bisa baca artikelnya disini.
  • $eksekusi_query=mysql_query($sql), untuk kode ini maka kamu bisa baca artikelnya disini.

Hasil:

Jalankan file form_input_kelas.html melalui browsermu lalu kamu isi datanya dan tekan tombol submit, setelah itu lihat pada tabel kelas apakah ada isinya … ?

Kalau disaya hasilnya seperti dibawah ini:

 

Jika tutorial ini bermanfaat silahkan katakan ‘Terima Kasih Fahmi Basya Kartapura‘.

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *