tag:blogger.com,1999:blog-33027431132999067882024-03-13T09:51:08.964-07:00IT COMPUTERIT COMPUTERhttp://www.blogger.com/profile/05947278574461379495noreply@blogger.comBlogger1125tag:blogger.com,1999:blog-3302743113299906788.post-90536020273937435032016-12-06T05:10:00.000-08:002016-12-06T05:10:21.686-08:00Cara membuat form input untuk menambahkan data ke tabel di database menggunakan php dan html<div id="post1154021497259127701">
<div dir="ltr" style="text-align: left;">
<div style="text-align: justify;">
<span style="font-size: x-small;">Selamat siang sahabat situs informatika, setelah kemarin kita membahas tutorial <a href="http://situs-informatika.blogspot.co.id/2016/01/menampilkan-data-dari-database-ke-bentuk-tabel.html">Cara menampilkan data dari database MySQL dalam bentuk tabel menggunakan PHP dan HTML</a>, maka pada kesempatan kali ini kita akan belajar bagaimana <a href="http://situs-informatika.blogspot.com/2016/01/cara-membuat-form-input-untuk-menggunakan-php.html" target="_blank">Cara membuat form input untuk menambahkan data ke tabel database menggunakan php dan html</a>.
perbedaan antara menampilkan data dan menambahkan data sebenarnya sudah
sangat jelas, jika menampilkan kita hanya membuat suatu script untuk
mengambil data yang sudah ada di database , sedangkan menambahkan adalah
berarti kita melakukan suatu proses untuk menambahkan data kedalam
tabel di database, nah untuk menginputkan atau menambahkan data ke
database ada beberapa cara, salah satunya adalah dengan menggunakan <b>phpmyadmin </b>dan<b> menggunakan php</b>.</span></div>
<div style="text-align: justify;">
<span style="font-size: x-small;"><br />
</span> <br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: x-small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMndDvyEWWvB2eNn8fC2oL-7yZb9Y5b3siOD8YnkvzfQYr2hc05M4tZhUB-XF8j0p383ZR5jYPgTo1IIvDAFJ8dMW5ozO79kfz5nBZXBYZXKC_Wz7u5y-pS6wnkACTKVIQ1t3QnOM-y-dD/s1600/New+Picture+%25281%2529.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara membuat form input untuk Menambahkan data ke tabel di database menggunakan php dan html" border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMndDvyEWWvB2eNn8fC2oL-7yZb9Y5b3siOD8YnkvzfQYr2hc05M4tZhUB-XF8j0p383ZR5jYPgTo1IIvDAFJ8dMW5ozO79kfz5nBZXBYZXKC_Wz7u5y-pS6wnkACTKVIQ1t3QnOM-y-dD/s320/New+Picture+%25281%2529.jpg" title="Cara membuat form input untuk Menambahkan data ke tabel di database menggunakan php dan html" width="320" /></a></span></div>
<span style="font-size: x-small;"><br />
</span></div>
<div style="text-align: justify;">
<span style="font-size: x-small;">Namun pada kesempatan kali ini kita akan
menambahkan data ke tabel menggunakan php dan html dengan form input
data, maksudnya kita akan menuliskan script proses tambah data dengan
tampilan form input ( borang ) menggunakan bahasa pemrograman php dan
html. proses tambah atau input ini sangat bermanfaat untuk digunakan
oleh user, karena user pada umumnya tidak mempunyai akses untuk melihat
database/phpmyadmin. jadi pembuat program biasanya menambahkan fasilitas
input ini pada web yang mereka buat. sehingga user/pengguna lebih
leluasa untuk mengelola isi database langsung dari web.</span></div>
<div style="text-align: justify;">
<span style="font-size: x-small;"><br />
</span></div>
<div style="text-align: justify;">
<span style="font-size: x-small;">oke kita langsung ke pembuatan form
input nya, silahkan sobat simak dulu langkah-langkahnya .atau bisa
langsung download source code untuk membuat form input untuk menambahkan
data ke tabel di database menggunakan php dan html di akhir artikel
ini. hehe</span></div>
<div style="text-align: justify;">
<span style="font-size: x-small;"><br />
</span></div>
<div style="text-align: justify;">
<span style="font-size: x-small;">1. Langkah pertama tentunya kita harus
membuat database terlebih dahulu. sebagai contoh kita akan menggunakan
database dan tabel yang sudah kita buat di pembahasan sebelumnya, atau
jika sobat mau, bisa membuat database dan tabel yang baru. buatlah
database dengan nama siswa_db dan tabel dengan nama siswa seperti gambar
berikut.</span></div>
<div style="text-align: justify;">
<span style="font-size: x-small;"><br />
</span> <br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: x-small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhejYo63joE6xjr_F8aoSI6taltRt_W2vKC7e15INoGWlstFSY1cHXr9n5R5u1-3GCNFo77MN-QBmXqu1fixnpSN1d6JbPPT3oepZg8MX9vNYNbJNMDXNRpsyXPDuAkCpkhpfqNH6lxvYq-/s1600/1.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara membuat form input untuk Menambahkan data ke tabel di database menggunakan php dan html" border="0" height="234" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhejYo63joE6xjr_F8aoSI6taltRt_W2vKC7e15INoGWlstFSY1cHXr9n5R5u1-3GCNFo77MN-QBmXqu1fixnpSN1d6JbPPT3oepZg8MX9vNYNbJNMDXNRpsyXPDuAkCpkhpfqNH6lxvYq-/s320/1.jpg" title="Cara membuat form input untuk Menambahkan data ke tabel di database menggunakan php dan html" width="320" /></a></span></div>
<span style="font-size: x-small;"><br />
</span></div>
<div class="post-title entry-title" style="text-align: justify;">
<span style="font-size: x-small;">Baca juga : <a href="http://situs-informatika.blogspot.co.id/2016/01/cara-membuat-database-mysql-di-xampp.html">CARA MEMBUAT DATABASE Dan TABEL MySql DI XAMPP DENGAN PHPMYADMIN</a></span></div>
<div style="text-align: justify;">
<span style="font-size: x-small;"><br />
</span></div>
<div style="text-align: justify;">
<span style="font-size: x-small;">2. langkah kedua adalah kita membuat
file koneksi.php , koneksi.php ini berguna untuk mengkoneksikan file php
dengan database,agar file php terhubung dengan database mysql. untuk
membuat koneksi.php silahkan copy script dibawah ini</span></div>
<div style="text-align: justify;">
<span style="font-size: x-small;"><br />
</span></div>
<pre class="php" name="code"><span class="line-number"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span></span><span style="font-size: x-small;"><?php
error_reporting(0);
$host = 'localhost';
$user = 'root';
$password = '';
$database = 'siswa_db';
$konek_db = mysql_connect($host, $user, $password);
$find_db = mysql_select_db($database) ;
?>
</span><span class="cl"></span></pre>
<span style="font-size: x-small;"><br />
</span> <br />
<div class="post-title entry-title" style="text-align: justify;">
<span style="font-size: x-small;">Baca selengkapnya : <a href="http://situs-informatika.blogspot.co.id/2016/01/cara-membuat-koneksi-ke-database-mysql.html">Cara Membuat Koneksi Ke Database MySql dengan PHP</a></span></div>
<div style="text-align: justify;">
<span style="font-size: x-small;">kemudian simpan dengan nama koneksi.php, simpan didalam folder latihan di htdocs</span></div>
<div style="text-align: justify;">
<span style="font-size: x-small;"><br />
</span></div>
<div style="text-align: justify;">
<span style="font-size: x-small;"><br />
</span></div>
<div style="text-align: justify;">
<span style="font-size: x-small;">3. Setelah berhasi membuat database dan
tabel serta koneksi, langkah selanjutnya kita akan membuat tabel di
halaman web, yang nantinya tabel itu akan menampilkan isi ( data ) dari
database yang sudah kita buat tadi. untuk membuat tabel di halaman web
kita menggunakan script php . silahkan copy script dibawah ini ke
notepad++, atau text editor yang sobat pakai. simpan file tersebut di
dalam folder htdocs kemudian buat folder lagi dengan nama latihan, lalu
simpan script ini dengan nama index.php.</span></div>
<div style="text-align: justify;">
<span style="font-size: x-small;"><br />
</span> <br />
<pre class="php" name="code"><span class="line-number"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span><span>47</span><span>48</span><span>49</span><span>50</span><span>51</span><span>52</span><span>53</span><span>54</span><span>55</span><span>56</span><span>57</span><span>58</span><span>59</span><span>60</span><span>61</span><span>62</span></span><span style="font-size: x-small;"><?php
error_reporting(0);
//membuat koneksi ke database
include "koneksi.php";
?>
<center>
MENAMPILKAN DATA SISWA
<br>
<br>
<!-- /////////////////////////////tombol untuk menambah data//////////////////////////////////-->
<form action='tambah.php' method='POST'>
<table >
<tr>
<td> <input type='submit' name='tambah' value='Tambah siswa'> </td>
</tr>
</table>
</form>
<!-- ///////////////////////////// Script untuk membuat tabel///////////////////////////////// -->
<table border='1' Width='600' >
<tr>
<th> NO </th>
<th> Nama </th>
<th> Jenis Kelamin </th>
<th> Kelas </th>
<th> Alamat </th>
</tr>
<?php
// Perintah untuk menampilkan data
$queri="Select * From siswa" ; //menampikan SEMUA data dari tabel siswa
$hasil=MySQL_query ($queri); //fungsi untuk SQL
// nilai awal variabel untuk no urut
$i = 1;
// perintah untuk membaca dan mengambil data dalam bentuk array
while ($data = mysql_fetch_array ($hasil)){
$id = $data['id'];
echo "
<tr>
<td><center>".$i."</center></td>
<td>".$data['nama']."</td>
<td>".$data['Jenis_Kelamin']."</td>
<td>".$data['Kelas']."</td>
<td>".$data['alamat']."</td>
</tr>
";
$i++;
}
?>
</table>
</span><span class="cl"></span></pre>
<span style="font-size: x-small;"><br />
</span> <span style="font-size: x-small;"><br />
</span></div>
<div style="text-align: justify;">
<span style="font-size: x-small;">sedikit berbeda dari tampilan tabel
sebelumnya disini kita menambahkan tombol tambah siswa ( input ), yang
nantinya akan kita arahkan / link ke halaman form input data
siswa.seperti ini</span><br />
<span style="font-size: x-small;"><br />
</span> </div>
</div>
</div>
<div class="googlepublisherads" style="margin: 20px 0;">
<center>
</center>
</div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: x-small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIxEmhSlMqNcq414ZCDUvpT7iUpfLK4Et7JdKsIreyRlcgcy7JKyRq9lkJ5vik4mYL8SpA4M5sbO3Kftp6eTusbPeR8vPhoC5pLbyGfnhMwWCTQKMlk257cyKxELnyDNL8TdcAFHLgAEPt/s1600/2.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara membuat form input untuk Menambahkan data ke tabel di database menggunakan php dan html" border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIxEmhSlMqNcq414ZCDUvpT7iUpfLK4Et7JdKsIreyRlcgcy7JKyRq9lkJ5vik4mYL8SpA4M5sbO3Kftp6eTusbPeR8vPhoC5pLbyGfnhMwWCTQKMlk257cyKxELnyDNL8TdcAFHLgAEPt/s320/2.jpg" title="Cara membuat form input untuk Menambahkan data ke tabel di database menggunakan php dan html" width="320" /></a></span></div>
<span style="font-size: x-small;"><br />
</span>
<div style="text-align: justify;">
<span style="font-size: x-small;"><br />
</span></div>
<div class="post-title entry-title" style="text-align: justify;">
<span style="font-size: x-small;">Baca juga : <span style="font-weight: normal;"><a href="http://situs-informatika.blogspot.co.id/2016/01/menampilkan-data-dari-database-ke-bentuk-tabel.html">Cara menampilkan data dari database MySQL dalam bentuk tabel menggunakan PHP dan HTML </a></span></span></div>
<div class="post-title entry-title" style="text-align: justify;">
<span style="font-size: x-small;"><br />
</span></div>
<div class="post-title entry-title" style="text-align: justify;">
<span style="font-size: x-small;"><br />
</span></div>
<span style="font-size: x-small; font-weight: normal;">4.setelah itu,
barulah kita membuat halaman form input untuk menambahkan data atau
memasukkan data kedalam tabel. Silahkan sobat copy script di bawah ini
ke text editor kesayangan sobat, disini saya menggunakan notepad++.</span><br />
<pre class="php" name="code"><span class="line-number"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span><span>34</span><span>35</span><span>36</span><span>37</span><span>38</span><span>39</span><span>40</span><span>41</span><span>42</span><span>43</span><span>44</span><span>45</span><span>46</span><span>47</span><span>48</span><span>49</span><span>50</span><span>51</span><span>52</span></span><span style="font-size: x-small;"><?php
include "koneksi.php";
?>
<html>
<head>
<title> Registrasi Peserta Seminar </title>
<link href ="css_submit.css" rel="stylesheet" type="text/css">
</head>
<body style = 'margin : 20px; font : 16px arial;'>
<center>
<p> Registrasi Siswa Baru </p>
<form method = 'POST' action = 'aksi_tambah.php'>
<table border = '1' cellspacing = '1' cellpadding = '10'
style = 'border : #aaa; color: #101; font-family : arial; fot-size : 12px;'>
<tr>
<td> Nama Siswa </td>
<td width = '5' align = 'center'> : </td>
<td> <input type = 'text' placeholder='Nama Siswa' name = 'nama' /> </td>
</tr>
<tr>
<td> Jenis Kelamin </td>
<td align = 'center'> : </td>
<td> <input type = 'text' placeholder='Jenis Kelamin' name = 'Jenis_Kelamin' /> </td>
</tr>
<tr>
<td> Kelas </td>
<td align = 'center'> : </td>
<td> <input type = 'text' placeholder='Kelas' name = 'kelas' /> </td>
</tr>
<tr>
<td> Alamat </td>
<td width = '5' align = 'center'> : </td>
<td> <textarea name = 'alamat' placeholder='Alamat' ></textarea> </td>
</tr>
<tr>
<td colspan = '3' align = 'center'>
<input type = 'submit' name = 'submit' value = 'Submit'/>
<input type = 'reset' name = 'Reset' value = 'Reset' /> </td>
</tr>
</table>
<a href = 'index.php'> Kembali </a>
</form>
</body>
</html>
</span><span class="cl"></span></pre>
<span style="font-size: x-small;"><br />
</span> <span style="font-size: x-small; font-weight: normal;"><br />
</span> <span style="font-size: x-small; font-weight: normal;"><br />
</span> <span style="font-size: x-small; font-weight: normal;">kemudian
simpan dengan ekstensi tambah.php, didalam folder yang sama dengan
index.php yaitu dalam folder latihan. tampilannya akan seperti ini</span><br />
<span style="font-size: x-small;"><br />
</span> <br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: x-small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG9VKbm7KvotCx5tAfJjoJKYgSJj4DOzOKVrtDW6muELbYnBsMcnKltWhmkyuTAaZRSDfYIG1jJrGvUYJMWmZBOReSlHRtHO4LTxraWUTJzwm4FH14a2mwgoHt7o_5NlM5TMGDvjs5rpKP/s1600/3.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara membuat form input untuk Menambahkan data ke tabel di database menggunakan php dan html" border="0" height="310" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG9VKbm7KvotCx5tAfJjoJKYgSJj4DOzOKVrtDW6muELbYnBsMcnKltWhmkyuTAaZRSDfYIG1jJrGvUYJMWmZBOReSlHRtHO4LTxraWUTJzwm4FH14a2mwgoHt7o_5NlM5TMGDvjs5rpKP/s320/3.jpg" title="Cara membuat form input untuk Menambahkan data ke tabel di database menggunakan php dan html" width="320" /></a></span></div>
<span style="font-size: x-small;"><br />
</span> <span style="font-size: x-small; font-weight: normal;">5. lalu
kita akan membuat file aksi_tambah.php,fungsi halaman ini kita akan
membuat query sql yang berfungsi untuk menambahkan atau menginputkan
data kedalam database. silahkan copy script dibawah ini</span><br />
<span style="font-size: x-small;"><br />
</span> <br />
<pre class="php" name="code"><span class="line-number"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span></span><span style="font-size: x-small;"><?php
error_reporting(E_ALL ^ E_NOTICE);
include "koneksi.php";
// file submit.php
// menangkap data yang dikirimkan dari file tambah.php mwnggunakan method = POST
$nama = $_POST['nama'];
$jenis_kelamin = $_POST['Jenis_Kelamin'];
$kelas = $_POST['kelas'];
$alamat = $_POST['alamat'];
// perintah SQL
$query="INSERT INTO siswa VALUES ('','$nama' ,' $jenis_kelamin','$kelas','$alamat') " ;
$hasil=mysql_query($query);
if ($hasil){
//header ('location:view.php');
echo " <center> <b> <font color = 'red' size = '4'> <p> Data Berhasil disimpan </p> </center> </b> </font> <br/>
<meta http-equiv='refresh' content='2; url= index.php'/> ";
} else { echo "Data gagal disimpan
<meta http-equiv='refresh' content='2; url= tambah.php'/> ";
}
?>
</span><span class="cl"></span></pre>
<span style="font-size: x-small; font-weight: normal;">dan simpan dengan nama aksi_tambah.php , simpan di dalam folder latihan di htdocs.</span><br />
<span style="font-size: x-small; font-weight: normal;"> </span><span style="font-size: x-small;"> <span style="font-weight: normal;">6.
semua persiapan telah selesai, langkah selanjutnya adalah langkah
terakhir yaitu kita akan mengecek apakah program berajalan dengan benar
atau tidak. seperti biasa kita buka browser kesayangan kita, lalu
ketikkan <span style="color: blue;">https://localhost/latihan <span style="color: black;">. dan tampilannya akan seperti di bawah ini.</span></span></span></span><br />
<span style="font-size: x-small; font-weight: normal;"><br />
</span> <br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: x-small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwpmRfMGvaNqPSuXXGl7x2DC3U7bISsl1peHOXZEoQwAnovSN88aoCEWmv2boU1iNHbWPOxasjZy7CtakWl-Sche9vs36le_BXc1yJiywC0rBHppnUMUiRGZAmAVjfVgKSfYpAiXI9cuSX/s1600/New+Picture+%25281%2529.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwpmRfMGvaNqPSuXXGl7x2DC3U7bISsl1peHOXZEoQwAnovSN88aoCEWmv2boU1iNHbWPOxasjZy7CtakWl-Sche9vs36le_BXc1yJiywC0rBHppnUMUiRGZAmAVjfVgKSfYpAiXI9cuSX/s320/New+Picture+%25281%2529.jpg" width="320" /></a></span></div>
<span style="font-size: x-small; font-weight: normal;"><br />
</span> <br />
<span style="font-size: x-small; font-weight: normal;"><br />
</span> <span style="font-size: x-small; font-weight: normal;">Nah, kira-kira seperti itulah tutorial <a href="http://situs-informatika.blogspot.com/2016/01/cara-membuat-form-input-untuk-menggunakan-php.html" target="_blank">cara membuat form input untuk menambahkan data ke tabel di database menggunakan php dan html</a> , semoga tutorial membat form input ini bisa bermanfaat untuk sobat semua.</span>IT COMPUTERhttp://www.blogger.com/profile/05947278574461379495noreply@blogger.com1