Scribd
Unggah
366 tayangan

Membuat Form Input Data Dengan PHP MySQL

1. Tutorial ini menjelaskan cara membuat form input data menggunakan PHP dan MySQL untuk menyimpan data ke dalam database. Langkah-langkahnya meliputi menjalankan XAMPP, membuat database dan tabel, membuat form input data PHP, dan membuat file action PHP untuk validasi data dan penyimpanan ke database.

Diunggah oleh

Andita Aqil Rahmanu
Hak Cipta
© © All Rights Reserved
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
366 tayangan

Membuat Form Input Data Dengan PHP MySQL

1. Tutorial ini menjelaskan cara membuat form input data menggunakan PHP dan MySQL untuk menyimpan data ke dalam database. Langkah-langkahnya meliputi menjalankan XAMPP, membuat database dan tabel, membuat form input data PHP, dan membuat file action PHP untuk validasi data dan penyimpanan ke database.

Diunggah oleh

Andita Aqil Rahmanu
Hak Cipta
© © All Rights Reserved
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 9

Membuat Form Input Data dengan PHP MySQL

Pada kesempatan baik ini kami akan memberikan sebuah tutorial tentang bagaimana cara membuat
form input data dengan php dan mysql, membuat suatu form input data berbasis web
menggunakan script pemrograman PHP kemudian data tersebut akan tersimpan didalam database
MySQL. Sebagai contoh adalah input data mahasiswa yang terdiri dari field / atribut id_mahasiswa
(NIM), Nama, Jurusan, Alamat, dan Nomor telepon dengan nama tabel mahasiswa, dan tentunya
atribut yang menjadi primary key adalah id_mahasiswa.
Tutorial membuat form input data dengan PHP dan MySQL dilengkapi dengan beberapa script
validasi data ini, kami lakukan pada sistem operasi Windows 7 dan menggunakan web server XAMPP
ver 3.2.1 include dengan database MySQL. Untuk mengikuti tutorial ini pastikan komputer anda telah
completed install web server XAMPP tersebut.
Berikut langkah - langkah cara membuat form input data dengan PHP dan MySQL, lengkap dengan
script validasi data sebelum data benar-benar tersimpan ke database.

 Aktifkan XAMPP control panel


 Buka panel database MySQLi
 Membuat database
 Desain form input data php
 Create file action input data dengan php.
Membuat Form Input Data dengan PHP dan MySQL
Download eBook Membuat Form Input Data PHP

Form Input Data PHP


1. Jalankan XAMPP Control Panel, kemudian aktifkan Apache dan MySQL.

Membuat Form Input Data dengan PHP dan MySQL


2. Akses ke database MySQL melalui browser dengan url : http://localhost/phpmyadmin/
3. Buat database dengan nama sesuka hati Anda kemudian buat sebuah table dengan nama
"mahasiswa" dengan field seperti pada gambar dibawah ini:
Membuat Form Input Data dengan PHP dan MySQL
4. Desain / buat form input data PHP. Tampilannya seperti berikut:

Membuat Form Input Data dengan PHP dan MySQL


Untuk membuat form input data yang dapat diakses melalui web browser seperti gambar diatas, tulis
script PHP berikut pada text editor (notepad):
 code
 source

1. <html>
2.
3. <head>
4.
5. <title>Download Script Form Input Data | PHP MySQL Tutorial</title>
6.
7. <style type="text/css" media="screen">
8.
9. table {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;}
10.
11. input {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;height: 20px;}
12.
13. </style>
14.
15. </head>
16.
17. <body>
18.
19. <div style="border:0; padding:10px; width:760px; height:auto;">
20.
21. <form action="action-input-data.php" method="POST" name="form-input-data">
22.
23. <table width="760" border="0" align="center" cellpadding="0" cellspacing="0">
24.
25. <tr height="46">
26.
27. <td width="10%"> </td>
28.
29. <td width="25%"> </td>
30.
31. <td width="65%"><font color="orange" size="2">Form Input Data
Mahasiswa</font></td>
32.
33. </tr>
34.
35. <tr height="46">
36.
37. <td> </td>
38.
39. <td>ID Mahasiswa / NIM</td>
40.
41. <td><input type="text" name="id_mahasiswa" size="35" maxlength="6" /></td>
42.
43. </tr>
44.
45. <tr height="46">
46.
47. <td> </td>
48.
49. <td>Nama</td>
50.
51. <td><input type="text" name="nama" size="50" maxlength="30" /></td>
52.
53. </tr>
54.
55. <tr height="46">
56.
57. <td> </td>
58.
59. <td>Jurusan</td>
60.
61. <td><select name="jurusan">
62.
63. <option value="-">- Pilih Jurusan -
64.
65. <option value="Teknik Komputer">Teknik Komputer
66.
67. <option value="Teknik Informatika">Teknik Informatika
68.
69. <option value="Teknik Mesin">Teknik Mesin
70.
71. <option value="Teknik Elektro">Teknik Elektro
72.
73. <option value="Komputer Akuntansi">Komputer Akuntansi
74.
75. </select></td>
76.
77. </tr>
78.
79. <tr height="46">
80.
81. <td> </td>
82.
83. <td>Alamat</td>
84.
85. <td><input type="text" name="alamat" size="50" maxlength="30" /></td>
86.
87. </tr>
88.
89. <tr height="46">
90.
91. <td> </td>
92.
93. <td>No. Telp</td>
94.
95. <td><input type="text" name="telepon" size="20" maxlength="12" /></td>
96.
97. </tr>
98.
99. <tr height="46">
100.
101. <td> </td>
102.
103. <td> </td>
104.
105. <td><input type="submit" name="Submit" value="Submit">   
106.
107. <input type="reset" name="reset" value="Cancel"></td>
108.
109. </tr>
110.
111. </table>
112.
113. </form>
114.
115. </div>
116.
117. </body>
118.
119. </html>
120.
5. Bentuk file php dengan nama "action-input-data.php", fungsinya adalah sebagai form action yang
didefinisikan oleh script pada form input data.
 code
 source

1. <?php
2.
3. //cek button
4.
5. if ($_POST['Submit'] == "Submit") {
6.
7. $id_mahasiswa = $_POST['id_mahasiswa'];
8.
9. $nama = $_POST['nama'];
10.
11. $jurusan = $_POST['jurusan'];
12.
13. $alamat = $_POST['alamat'];
14.
15. $telepon = $_POST['telepon'];
16.
17. //validasi data data kosong
18.
19. if (empty($_POST['id_mahasiswa'])||empty($_POST['nama'])||empty($_POST['alamat'])||
empty($_POST['telepon'])) {
20.
21. ?>
22.
23. <script language="JavaScript">
24.
25. alert('Data Harap Dilengkapi!');
26.
27. document.location='download-script-form-input-data.php';
28.
29. </script>
30.
31. <?php
32.
33. }
34.
35. else {
36.
37. include "../../koneksi-tutor.php";
38.
39. //cek NIM di database
40.
41. $cek=mysql_num_rows (mysql_query("SELECT id_mahasiswa FROM mahasiswa
WHERE id_mahasiswa='$_POST[id_mahasiswa]'"));
42.
43. if ($cek > 0) {
44.
45. ?>
46.
47. <script language="JavaScript">
48.
49. alert('NIM sudah dipakai!, silahkan ganti NIM yang lain');
50.
51. document.location='download-script-form-input-data.php';
52.
53. </script>
54.
55. <?php
56.
57. }
58.
59. //Masukan data ke Table
60.
61. $input ="INSERT INTO mahasiswa (id_mahasiswa,nama,jurusan,alamat,telepon)
VALUES ('$id_mahasiswa','$nama','$jurusan','$alamat','$telepon')";
62.
63. $query_input =mysql_query($input);
64.
65. if ($query_input) {
66.
67. //Jika Sukses
68.
69. ?>
70.
71. <script language="JavaScript">
72.
73. alert('Input Data Mahasiswa Berhasil');
74.
75. document.location='download-script-form-input-data.php';
76.
77. </script>
78.
79. <?php
80.
81. }
82.
83. else {
84.
85. //Jika Gagal
86.
87. echo "Input Data Mahasiswa Gagal!, Silahkan diulangi!";
88.
89. }
90.
91. //Tutup koneksi engine MySQL
92.
93. mysql_close($Open);
94.
95. }
96.
97. }
98.
99. ?>
100.
Script diatas tidak sekedar perintah atau instruksi input data saja, pada script tersebut juga terdapat
perintah untuk melakukan validasi jida terdapat kolom yang tidak terisi (kosong). Jadi, jika data tidak
lengkap maka perintah atau instruksi input data tidak dapat dijalankan sehingga proses input data
tidak akan berhasil.

Anda mungkin juga menyukai