Tutorial PHP : Penanganan Input User pada PHP

Posted by on
Assalamualaikum Semua


      Hallo semua selamat datang kembali. Saya Muhammad Aslam atau panggil saja Mas Lam akan berbagi pengetahuan tentang PHP langsung saja tanpa banyak basa basi lagi yu urang belajar PHP

yang akan di pelajari di sini adalah

  1. Review komponen Inputan di HTML
  2. Prinsip Akses Data pada Web
  3. Kerangka Pengiriman Data pada Web
  4. Fungsi Form Method POST & GET


Komponen Inputan di HTML 

Prinsip Akses Data di Web

Kerangka Form
<form method=“get/post" action=“fileEksekutor">
 
isi form, dapat berupa <input>,
<select>, <textarea>, dll
</Form>

POST
Buat sebuah folder baru beri nama BelajarInput, kemudian buat file latihanPost.php. Yang coding utamanya adalah sebagai berikut

<!DOCTYPE html>
<html>
<head>
<title>M. Aslam S R</title>
</head>
<body>
<form id="biodata" name="biodata" method="post" action="proses.php">
<p>Nama : <br /> <input type="text" name="nama" id="nama" size="20"></p>
<p>Alamat : <br />
<textarea name="alamat" cols="30" rows="3" id="alamat"></textarea></p>
<p><input type="submit" name="button" id="button" value="kirim"></p>
</form>
</body>
</html>

 Buatlah file proses.php pada folder BelajarInput. 
<!DOCTYPE html>
<html>
<head>
<title>M. Aslam S R</title>
</head>
<body>
<?php
$nama = $_POST['nama'];
$alamat = $_POST['alamat'];
echo $nama .'<br/>';
echo $alamat .'<br/>';
?>
</body>
</html>

Hasilnya


dan

Buatlah file baru pada folder BelajarInput, beri nama latihanGet.php Yang coding utamanya adalah sebagai berikut

<!DOCTYPE html>
<html>
<head>
<title>M. Aslam S R</title>
</head>
<body>
<form id="biodata" name="biodata" method="get" action="prosesGet.php">
<p>Nama : <br /> <input type="text" name="nama" id="nama" size="20"></p>
<p>Alamt : <br />
<textarea name="alamat" cols="30" rows="3" id="alamat"></textarea>
</p>
<p><input type="submit" name="button" id="button" value="kirim"></p>
</form>
</body>
</html>

 Buatlah file prosesGet.php pada folder BelajarInput.

<!DOCTYPE html>
<html>
<head>
<title>M. Aslam S R</title>
</head>
<body>
<?php
$nama = $_GET['nama'];
$alamat = $_GET['alamat'];
echo $nama .'<br/>';
echo $alamat .'<br/>';
?>
</body>
</html>

Hasilnya



dan


 Apa perbedaannya ?
Secara mendasar POST digunakan untuk mengirim data ke server, sedangkan GET untuk mengambil data dari server.
Secara teknis GET diproses lebih sederhana karena permintaan dikirimkan melalui alamat halaman (URL) dengan sistem penulisan secara berpasangan yaitu nama varibel dan nilainya, dan pemisahan variabel menggunakan karakter dan &.
pengiriman data dengan POST lebih tertutup dan jauh lebih aman karena data yang dikirimkan tidak terlihat.

studi kasus 1

Buatlah sebuah halaman registrasi dengan inputan :
- Nama Depan
- Nama Belakang
- Tempat, Tanggal Lahir
- Jenis Kelamin
- Agama
- Alamat
Dan outputnya menampilkan data yang telah di inputkan diatas.
(Nama File inputan registrasi.php dan nama file untuk menampilkan data lihat.php)
registrasi.php
<!DOCTYPE html>
<html>
<head>
<title>M. Aslam S R</title>
</head>
<body>
<form id="biodata" name="biodata" method="post" action="lihat.php">
<table>
<tr><td><h1>Registasi</h1></td></tr>
<tr>
<td>Nama Depan :  </td>
<td><input type="text" name="nama_depan" id="nama_depan" size="20"></td>
<td>Nama Belakang :  </td>
<td><input type="text" name="nama_belakang" id="nama_belakang" size="20"></td>
</tr>
<tr>
<td>Tempat, Tanggal Lahir :</td>
<td><input type="text" name="ttl" id="ttl" size="20"></td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td><input type="radio" name="jk" id="jk" value="Pria">Pria <input type="radio" name="JK" id="JK" value="Wanita">Wanita</td>
</tr>
<tr>
<td>Agama</td>
<td><select name="agama" id="agama">
<option>Islam</option>
<option>Katolik</option>
<option>Prtestan</option>
<option>Budha</option>
<option>Hindu</option>
<option>Konghucu</option>
</select></td>
</tr>
<tr>
<td>Alamat</td>
<td><textarea name="alamat" cols="30" rows="3" id="alamat"></textarea></td>
</tr>
<tr>
<td></td>
<td><input type="submit" name="button" id="button" value="Daftar"></td>
</tr>
</table>




</form>
</body>
</html>
lihat.php
<!DOCTYPE html>
<html>
<head>
<title>M. Aslam S R</title>
</head>
<body>
<?php
$nama_depan = $_POST['nama_depan'];
$nama_belakang = $_POST['nama_belakang'];
$ttl = $_POST['ttl'];
$jk = $_POST['jk'];
$agama = $_POST['agama'];
$alamat = $_POST['alamat'];

echo "Selamat datang $nama_depan $nama_belakang anda telah berhasil daftar. Data diri anda". '<br/>';
echo "Tempat, Tanggal Lahir : $ttl .".'<br/>';
echo "Jenis Kelamin : $jk ".'<br/>';
echo "Agama : $agama ".'<br/>';
echo "Alamat : $alamat ".'<br/>';
?>
</body>
</html>
Hasilnya
dan

Studi kaus 2
Buatlah sebuah halaman New Post inputan :
- Penulis
- Tanggal & Waktu Post
- Judul Berita
- Isi BeritaDan outputnya menampilkan data yang telah di inputkan diatas.
(Nama File inputan NewPost.php dan nama file untuk menampilkan data ViewPost.php)
NewPost.php
<!DOCTYPE html>
<html>
<head>
<title>M. Aslam S R</title>
</head>
<body>
<form id="biodata" name="biodata" method="post" action="ViewPost.php">
<table>
<tr><td><h1>New Berita</h1></td></tr>
<tr>
<td>Penulis :  </td>
<td><input type="text" name="penulis" id="penulis" size="20"></td>
</tr>
<tr>
<td>Judul Berita :</td>
<td><input type="text" name="judul" id="judul" size="20"></td>
</tr>
<tr>
<td>Isi Berita</td>
<td><textarea name="isi" cols="100" rows="10" id="alamat"></textarea></td>
</tr>
<tr>
<td></td>
<td><input type="submit" name="button" id="button" value="Post"></td>
</tr>
</table>



</form>
</body>
</html>
ViewPost.php
<!DOCTYPE html>
<html>
<head>
<title>M. Aslam S R</title>
</head>
<body>

<?php
$date = date('Y-m-d H:i:s');

$penulis = $_POST['penulis'];
$judul = $_POST['judul'];
$isi = $_POST['isi'];
echo "<h1> $judul </h1>". '<br/>';

echo "$penulis, $date".'<br/>';
echo "$isi".'<br/>';

?>
</body>
</html>

Hasilnya


' dan






Comments

Post a Comment