Nomor 2
Buat stylee.css
.button {
border-color: red;
color: white;
padding: 5px 10px;
background: #000000;
display: table;
}
.button1 {
border-style: solid;
border-color: green;
border-width: 2px;
color: white;
padding: 5px 10px;
background: #919188;
margin: 5px;
display: block;
text-decoration: none;
text-align: center;
}
.button1:hover{
background: #000000;
}
Pada index.php :
<?php
error_reporting(~E_NOTICE); #ini digunakan utk menyembunyikan error khusus notice khususnya di index / beranda
$koneksi = new mysqli("localhost", "root", "", "db_kk0918");
if ($koneksi->connect_error)
{
echo "Gagal terhubung karena " . $koneksi->connect_error;
}
?>
<link rel="stylesheet" type="text/css" href="stylee.css">
<table border="1" width="85%" align="center">
<tr align="center">
<td colspan="2"><img src="images/header.png" height="64px" width="100%"></td>
</tr>
<tr>
<td width="10%">
<h3>Menu</h3>
<!-- <ul id="contoh">
<li><a href="index.php">Beranda</a></li>
<li><a href="index.php?hal=tentang.php">Tentang</a></li>
<li><a href="index.php?hal=entry.php">Entry (C)</a></li>
<li><a href="index.php?hal=tampil.php">Tampil (R)</a></li>
<li><a href="index.php?hal=ubah.php">Ubah (U)</a></li>
<li><a href="index.php?hal=hapus.php">Hapus (D)</a></li>
</ul> -->
<a href="index.php" class="button1">Beranda</a>
<a href="index.php?hal=tentang.php" class="button1">Tentang</a>
<a href="index.php?hal=entry.php" class="button1">Entry (C)</a>
<a href="index.php?hal=tampil.php" class="button1">Tampil (R)</a>
<a href="index.php?hal=ubah.php" class="button1">Ubah (U)</a>
<a href="index.php?hal=hapus.php" class="button1">Hapus (D)</a
</td>
<td align="justify">
<?php
$hal = $_GET["hal"]; #echo $_GET["hal"]; utk nampilin isi yang dari kita get/post dari index.php?hal=xxx.php
if (isset($hal) && $hal!="")
{ #kondisi ini akan dijalankan jika variabel $hal digunakan dan variabel $hal isinya bukan kosong
include($hal);
}
else
{
echo "<h1>Selamat Datang</h1><p>Saya datang dari Habang, jauh menuntut ilmu, biarlah yang penting saya bisa. Saya yakin pasti bisa <strong>#nekbisanekkawa</strong></p>";
}
?>
</td>
</tr>
<tr align="center">
<td colspan="2" background="images/akbar.png">footer</td>
</tr>
</table>
Tombol memiliki bingkai merah, tulisan putih, background hitam pada entry.php :
<link rel="stylesheet" type="text/css" href="stylee.css">
<form method="POST">
<h1>Entry Data Barang</h1>
<table>
<tr>
<td>Kode Barang :</td>
<td><input type="text" name="txtKd"></td>
</tr>
<tr>
<td>Nama Barang :</td>
<td><input type="text" name="txtNm"></td>
</tr>
<tr>
<td>Harga :</td>
<td><input type="text" name="txtHr" onkeyup="this.value=this.value.replace(/[^\d]/,'')"></td>
</tr>
<tr>
<td colspan="2">
<input class="button" type="submit" value="Simpan" name="btnSimpan">
</td>
</tr>
</table>
</form>
<?php
if (isset($_POST["btnSimpan"]))
{
#tampung ke variabel yang isian dari form
$kode = $_POST["txtKd"];
$nama = $_POST["txtNm"];
$harga = $_POST["txtHr"];
#coba cek ada gak isinya
echo $kode . $nama . $harga;
$query = $koneksi->query("INSERT INTO `db_kk0918`.`barang` (`KdBrg`, `NmBrg`, `Harga`) VALUES ('$kode', '$nama', '$harga')");
} #akhir tombol simpan diklik
?>