Membuat Input dengan PHP serta HTML

Assalamu'alaikum warahmatullahi wabarakatuh, Kembali lagi dengan saya Alfen Febral Pemilik blog ini. di malam yg indah ini saya akan memberikan tutorial membuat Input dengan PHP serta HTML.

Saat praktikum saya minggu lalu data itu harus diinput lewat Phpmyadmin, nah kali ini kita akan membuat Input lewat form html yang kita buat sendiri, mau tau cara buatnya ? simak tutorial berikut.

Pertama aktifkan XAMPP,setelah itu buat database dengan mengakses halaman di http://localhost/phpmyadmin kemudian klik new di pojok kiri atas, di kolom nama basis data isikan nama latihan_input kemudian klik buat, setelah itu klik latihan_input di navigasi bagian kiri nah kita akan berpindah ke bagian pembuatan tabel, isikan nama tabel dengan nama barang dan jumlah kolomnya 2, setelah itu isikan di baris inputan pertama dengan nama id serta tipe data INT, jangan lupa centang juga checkbox AI yg lainnya dibiarkan saja default.

di baris kedua isikan nama dengan nama_barang kemudian tipe data VARCHAR , panjang data kita isikan 100 saja, kemudian klik simpan.

buat folder di direktori C:/xampp/htdocs/web dengan nama input.

Kedua kita masukkan kode berikut di text editor yg kita gunakan.

<?php 
 $host = "localhost";
 $user = "root";
 $password = "";
 $db = "latihan_input";

 $con = mysql_connect($host, $user, $password);
 mysql_select_db($db, $con);

 if(mysql_errno()){
  //Connection Error Message
  echo "Failed to connect to MySQL: " . mysql_error();
 }
?>

kemudian save dengan nama konek.php di direktori C:/xampp/htdocs/web/input
Ketiga masukkan kode berikut.

<!DOCTYPE html>
<html>
<head>
 <title>Latihan Input</title>
</head>
<style type="text/css">
 td{
  padding: 5px;
 }
</style>
<body>
<?php 
include 'konek.php';
if ($_POST) {
 $nama_barang = $_POST['nama_barang']; //nama Barang
 $sql = "INSERT INTO barang (nama_barang) VALUES('$nama_barang')";
 $kirim = mysql_query($sql);

 if(!$kirim){
  die('Could not enter data: ' . mysql_error());
 }

 echo 'Data Berhasil diinput<br/>';
}
 ?>
<form method="post" action="input.php">
 <table align="center" border="0px" style="border-collapse: collapse;border: 1px solid #000; padding: 5px;">
  <tbody>
   <tr>
    <td colspan="3" style="background-color: rgb(159, 225, 255);" align="center">Inputan</td>
   </tr>
   <tr>
    <td>Nama Barang</td>
    <td>: </td>
    <td><input type="text" name="nama_barang" placeholder="Masukkan Nama Barang"/></td>
   </tr>
   <tr>
    <td colspan="3" align="right"><input type="submit" name="submit" value="Submit"/></td>
   </tr>

  </tbody>
 </table>
</form>
</body>
</html>

save dengan nama input.php di direktori C:/xampp/htdocs/web/input

buka browser kalian dan akses URL localhost/web/input.php
kemudian inputkan data yang akan kalian masukkan setelah itu klik submit

*Cek data masuk liat di tabel yg telah kalian buat di phpmyadmin.

sekian tutorial kali ini, kurang lebihnya mohon maaf
Good Luck :)

Judul : Membuat Input dengan PHP serta HTML
Deskripsi : Assalamu'alaikum warahmatullahi wabarakatuh, Kembali lagi dengan saya Alfen Febral Pemilik blog ini. di malam yg indah ini saya akan...

Owner

Membuat Input dengan PHP serta HTML

Belum ada komentar untuk "Membuat Input dengan PHP serta HTML"

Posting Komentar