Hai everyone welcome back to my blog xixi dah lama nih gak nulis lagi soalnya banyak tugas wkwk :>
Jadi di blog kali ini kita akan membahas mengenai cara menghubungkan form HTML dengan PHP. Ketika membuat website atau aplikasi berbasis web, kita tidak bisa lepas dengan yang namanya form. Form ini digunakan untuk menerima input dari user untuk kemudian diolah sesuai keperluan.
Seperti kita ketahui, form HTML hanya digunakan untuk
(1) Menerima input dari user
(2) Mengirim data tersebut ke alamat tertentu, selesai, ya sampai disitu saja fungsi dari form HTML ini, tentang bagaimana data tersebut diolah, bukan menjadi tanggung jawab form lagi.
ATRIBUT METHOD
Atribut method digunakan untuk menentukan dengan cara apa data dikirim. Atribut ini memiliki dua nilai, yaitu GET dan POST.
Method GET
Pada method GET, data pada form akan dikirim melalui url. Misal, pada form yang telah kita buat sebelumnya, kita beri atribut method dengan nilai get, selanjutnya, kita isi isian nama, misal: Yetty Vianney
Method POST
Pada method POST, data pada form akan dikirim melalui http request header, sehingga tidak terlihat oleh user.
Perbedaan method GET dan Post :
=> Method GET
- Kurang aman karena data terekspose, selain itu, karena dikirim melalui url, data tersebut akan tersimpan pada history browser
- Panjang data terbatas antara 2kb – 8kb tergantung jenis browser.
- Hanya dapat mengirim data teks, tidak dapat mengirim file
- Oleh browser tidak diperlakukan sebagai data sensitif, sehingga halaman tersebut dapat direfresh dengan mudah
=> Method POST
- Lebih aman, karena data tidak terekspose, selain itu, data yang dikirim tidak tersimpan pada history browser
- Dapat mengirim data berukuran besar.
- Dapat mengirim berbagai jenis data termasuk file
- Oleh browser diperlakukan sebagai data sensitif, sehingga ketika direfresh, browser akan meminta konfirmasi pengiriman ulang data.
okayy bisa kita ikuti source codenya yahh, nahh disini pastikan Xampp kalian sudah menyala dan distart:) dan buatlah database kalian sebelumnya untuk menyimpan nama dan sandi yang dimasukkan ketika kalian login ke sistemnya.
1. tambah_pengguna.php
<!DOCTYPE html>
<html>
<head>
<title>Form Biodata</title>
</head>
<body>
<center><b>FORM TAMBAH DATA</b></center>
<form action="proses_tambah_data.php" method="POST">
<table border="1" style:"bgcolor=khaki">
<tr>
<td>
NAMA
</td>
<td>
<INPUT name="namaku" TYPE="TEXT" PLACEHOLDER="nama anda">
</td>
</tr>
<tr>
<td>
PASSWORD
</td>
<td>
<INPUT name="katasandiku" TYPE="PASSWORD" PLACEHOLDER="password anda">
</td>
</tr>
<tr>
<td>
<INPUT TYPE="submit" value="Kirim Data">
</td>
</tr>
</table>
</form>
</body>
</html>
2. proses_tambah_data.php
<?php
$pengguna=$_POST["namaku"];
$password=$_POST["katasandiku"];
include "koneksi.php";
$kueri=mysqli_query($konek,"INSERT INTO login1 (nama,katasandi) VALUE ('$pengguna','$password')");
if($kueri){
// ini nanti di redirect ke halaman utama
header("location:lihat_pengguna.php");
}else{
// ini nanti di redirect ke halaman login
header("location:tambah_pengguna.php");
}
3. proses_login.php
<?php
$pengguna=$_POST["user_name"];
$password=$_POST["password"];
include "koneksi.php";
$kueri=mysqli_query($konek,'SELECT * FROM login1 WHERE nama="'.$pengguna.'" AND katasandi="'.$password.'"');
if(mysqli_num_rows($kueri)>0){
// ini nanti di redirect ke halaman utama
header("location:beranda.html");
}else{
// ini nanti di redirect ke halaman login
header("location:login.html");
}
4. lihat_pengguna.php
<!DOCTYPE html>
<html>
<head>
<title>Halaman beranda</title>
<style type="text/css">
ul {
list-style-type: none;
}
a:link { text-decoration: none; }
</style>
</head>
<body >
<table width="100%" bgcolor='khaki'>
<tr>
<center><h1><font color="sandy brown">SELAMAT DATANG </h1> <h3> DI RUMAH KITA</h3></center></font>
</tr>
<tr>
<td width="50%">
<b><u>MENU SEBELAH KIRI</u></b><br>
<ul>
<li>
<a href="beranda.html">
Beranda
</a>
</li>
<li>
<a href="lihat_pengguna.php">Lihat Pengguna</a>
</li>
<li>
Menu Ke Ketiga
</li>
</ul>
</td>
<td>
<b><u>LIST PENGGUNA</u></b><br>
<?php
include "koneksi.php";
$kueri=mysqli_query($konek,'SELECT * FROM login1');
?>
<table border="1">
<tr bgcolor='browns'>
<td>
<b>
Nama Pengguna
</b>
</td>
<td>
<b>
Sandi Pengguna
</b>
</td>
<td>
<b>
Aksi
</b>
</td>
</tr>
<?php
while($row = mysqli_fetch_array($kueri)){
echo"<tr><td>";
echo $row['nama'];
echo"</td><td>";
echo $row['katasandi'];
echo"</td>
<td>";
echo"
<a href='hapus.php?apanih=".$row['nama']." '>hapus</a>
";
}
?>
</table>
<br>
<button style="background-color:brown"><a href="tambah_pengguna.php"><font color="beige">Tambah Pengguna</font></a></button>
</td>
</tr>
</table>
</body>
</html>
5. koneksi.php
<?php
$konek=mysqli_connect("localhost","root","","db_yetty");
if($konek){
// echo "berhasill";
}else{
echo '<script>window.alert("tidak terkoneksi")</script>';
}
6. hapus.php
<?php
$id=$_GET['apanih'];
include "koneksi.php";
mysqli_query($konek,'DELETE FROM login1 WHERE nama="'.$id.'"');
header("location:lihat_pengguna.php");
7.index.html
<!DOCTYPE html>
<html>
<head>
<title>Form Biodata</title>
</head>
<body bgcolor="khaki">
<b>FORM BIODATA MAHASISWA</b>
<form action="sesuatu.php" method="POST">
<table border="1">
<tr>
<td>
NIK
</td>
<td>
<INPUT NAME="bety_natalia_nahampun" TYPE="TEXT" PLACEHOLDER="nik anda">
</td>
</tr>
<tr>
<td>
NAMA
</td>
<td>
<INPUT NAME="nama" TYPE="TEXT" PLACEHOLDER="nama anda">
</td>
</tr>
<tr>
<td>
PASSWORD
</td>
<td>
<INPUT NAME="boleeeh" TYPE="PASSWORD" PLACEHOLDER="password anda">
</td>
</tr>
<tr>
<td>
<INPUT TYPE="submit" value="Kirim Data">
</td>
</tr>
</table>
</form>
</body>
</html>
8. Login.html
<!DOCTYPE html>
<html>
<head>
<title>Halaman Login</title>
</head>
<body bgcolor="khaki">
<form action="proses_login.php" method="POST">
<center>
<table bgcolor="brown">
<tr>
<td>
<center><font color="khaki"; font size="14 pt"><b><u>HALAMAN LOGIN
</u></b></center></font>
</td>
</tr>
<tr>
<td><center><font color="beige";>
Nama Pengguna<br>
<input type="text" name="user_name"> </font>
</center>
</td>
</tr>
<tr>
<td><center><font color="beige";>
Sandi Pengguna<br>
<input type="password" name="password"></font>
</center>
</td>
</tr>
<tr>
<td><center>
<input type="SUBMIT" value="Login">
</center>
</td>
</tr>
</table>
</center>
</form>
</body>
</html>
9. Bagian Beranda.html
<!DOCTYPE html>
<html>
<head>
<title>Halaman beranda</title>
<style type="text/css">
ul {
list-style-type: none;
}
</style>
</head>
<body bgcolor="khaki">
<table width="100%">
<tr>
<center><font face="arial" font color="coral"><h1>
SELAMAT DATANG DI HALAMAN RUMAH SAYA</h1></font></font>
</tr>
<tr>
<td width="30%">
<b><u><font color="brown";>MENU SEBELAH KIRI</font></u></b><br>
<ul>
<li>
<a href="#">
Beranda
</a>
</li>
<li>
<a href="lihat_pengguna.php">Lihat Pengguna</a>
</li>
<li><font color="brown">
Menu Ke Ketiga</font>
</li>
</ul>
</td>
<td><font color="brown">
ISINYA </font>
</td>
</tr>
</table>
</body>
Comments
Post a Comment