Scribd
Unggah
78 tayangan11 halaman

Bab 3 Form

Bab ini membahas tentang pemrograman web PHP dengan fokus pada penggunaan form, perbedaan metode GET dan POST, serta validasi form. Contoh kode mendemonstrasikan penanganan form dan validasi menggunakan PHP."

Diunggah oleh

yuu nishinoya
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
78 tayangan11 halaman

Bab 3 Form

Bab ini membahas tentang pemrograman web PHP dengan fokus pada penggunaan form, perbedaan metode GET dan POST, serta validasi form. Contoh kode mendemonstrasikan penanganan form dan validasi menggunakan PHP."

Diunggah oleh

yuu nishinoya
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 11

BAB III

PEMROGRAMAN WEB : PHP (3)

3.1 Tujuan Praktikum


Praktikan diharapkan dapat :
1. Memahami tentang penggunaan Form
2. Memahami tentang perbedaan antara metode GET & POST
3. Memahami tentang pemrosesan validasi form

3.2 Dasar Teori


3.2.1 Penanganan Form (Form Handling)
PHP telah menyediakan 2 variable globals untuk mengambil nilai dari
form html, yaitu $_GET dan $_POST. GET akan mengirimkan data bersama
dengan URL, sedangkan POST mengirimkannya secara terpisah. User
mengirimkan data input dengan mengisi teks atau pilihan pada attribut form
html.
<form>
.
form elements
.
</form>

Formulir HTML berisi elemen formulir. Elemen formulir adalah berbagai jenis
elemen input, seperti text fields, checkboxes, radio buttons, submit buttons, dan
banyak lagi. Berikut ini macam-macam atribut dalam form:

III-1
| I-2

Gambar 3. 1Atribut form Sumber : https://www.w3schools.com/tags/tag_form.asp

Adapun elemen-elemen form HTML ialah sebagai berikut:

Gambar 3. 2 Sumber : https://www.w3schools.com/html/html_form_elements.asp


| I-3

Berikut ini merupakan atribut input form:


| I-4

Gambar 3. 3 Sumber : https://www.w3schools.com/tags/tag_input.asp

Contoh Penanganan Form dengan method GET dan POST


Nama file: index.php
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" />
<title>Belajar Form PHP</title>
</head>
| I-5

<body>
<h2>Tutorial Belajar Form HTML - PHP </h2>
<form action="proses.php" method="get">
Nama: <input type="text" name="nama" />
<br />
E-Mail: <input type="text" name="email" />
<br />
<input type="submit" value="Proses Data" >
</form>
</body>
</html>

Nama file: tampil.php


<?php
// menangkap data nama dengan method nama
$nama = $_GET['nama'];
// menangkap data email dengan method nama
$email = $_GET['email'];

// menampilkan data nama


echo "Nama anda adalah " . $nama;
echo "<br/>";
// menampilkan data email
echo "Email anda adalah " . $email;
?>

Jalankan index.php maka hasilnya adalah:

Gambar 3. 4 ISI FORM

Gambar 3. 5Tampilan menggunakan GET

Nama file: index.php


<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" />
<title>Belajar Form PHP</title>
| I-6

</head>

<body>
<h2>Tutorial Belajar Form HTML - PHP </h2>
<form action="tampil.php" method="POST">
Nama: <input type="text" name="nama" />
<br />
E-Mail: <input type="text" name="email" />
<br />
<input type="submit" value="Submit" >
</form>
</body>
</html>

Nama file: tampil.php


<?php
// menangkap data nama dengan method nama
$nama = $_POST['nama'];
// menangkap data email dengan method nama
$email = $_POST['email'];

// menampilkan data nama


echo "Nama anda adalah " . $nama;
echo "<br/>";
// menampilkan data email
echo "Email anda adalah " . $email;
?>

Gambar 3. 6Tampilan isis form dengan method POST

Tampilan diatas adalah hasil dari 3 baris kode program PHP yang dibuat di
dalam halaman tampil.php.
Untuk mengambil nilai form HTML, PHP menyediakan 2 buah variabel global
yaitu variabel $_GET dan $_POST. Kita menggunakan variabel $_GET jika
pada saat pembuatan form menggunakan atribut method=get, dan
menggunakan variabel $_POST jika form dibuat dengan method=post.
Kedua variabel ini sebenarnya adalah array, sehingga cara mengakses nilai dari
form adalah dengan cara: $_GET[‘nama_objek_form’].
| I-7

‘nama_objek_form’ adalah nilai dari atribut name di dalam form. Jika kita
memiliki tag dengan kode HTML <input type=”text” name=”nama” />, maka
untuk mengakses nilainya adalah dengan $_GET[‘nama’], dan untuk tag
<input type=”text” name=”email” /> diakses dengan nilai $_GET[’email’].
Kelebihan dan Kekurangan Method GET dan POST:
- Method GET sangat tidak disarankan jika digunakan pada halaman login
karena username dan password yang diinputkan akan terlihat pada url
browser.
- Method GET lebih mudah digunakan untuk pengambilan atau
penyimpanan data sementara yang dibutuhkan dalam logika
pemrograman, karena lebih praktis dalam menyimpan data yang bersifat
sementara.
- Method POST dapat digunakan dalam halaman login atau form yang sifat
datanya rahasia karena data yang diinputkan tidak terlihat.

3.2.2 Form Validation


Validasi proses merupakan hal yang harus diperhatikan dalam
pembuatan web. Untuk melakukan validasi bisa menggunakan Javascript
maupun PHP script. Perbedaannya dari keduanya, jika Javascript akan diproses
disisi client, PHP script akan diproses disisi server.

Gambar 3. 7 Validation Rules

3.3 Hasil dan Pembahasan


Latihan 1
Buat form tambah buku
input text : judul, penulis, harga
radio button : terjemahan(iya, tidak)
| I-8

combo box : penerbit (jawa, luar jawa)


check box : Bahasa (inggris, Indonesia, sunda)
Tampilkan hasilnya dalam file php yang berbeda.

Nama file: latihan1.php


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Tambah Buku</title>
</head>
<body>
<h2>Form Tambah Buku</h2>
<form action="data_buku.php" method="post" target="_blank">
<table>
<tr>
<td><label>Judul Buku</label></td>
<td> : </td>
<td><input type="text" name="judul"
placeholder="Judul Buku" required></td>
</tr>
<tr>
<td><label>Penulis</label></td>
<td> : </td>
<td><input type="text" name="penulis"
placeholder="Penulis" required></td>
</tr>
<tr>
<td><label>Harga</label></td>
<td> : </td>
<td><input type="text" name="harga"
placeholder="Rp. 0"></td>
</tr>
<tr>
<td><label>Terjemahan</label></td>
<td> : </td>
<td>
<input type="radio" name="terjemahan"
value="Yes">Yes
<input type="radio" name="terjemahan"
value="No">No
</td>
</tr>
<tr>
<td><label>Penerbit</label></td>
<td> : </td>
<td>
<select name="penerbit">
<option value="jawa">Jawa</option>
<option value="luarjawa">Luar
Jawa</option>
</select></td>
| I-9

</tr>
<tr>
<td><label>Bahasa</label></td>
<td> : </td>
<td>
<input type="checkbox" name="bahasa[]"
value="Inggris">Inggris
<input type="checkbox" name="bahasa[]"
value="Indonesia">Indonesia
<input type="checkbox" name="bahasa[]"
value="Sunda">Sunda
</td>
</tr>
</table>
<button type="submit">Submit</button>
</form>

</body>
</html>

Nama file: data_buku.php


<?php
$judul = $_POST["judul"];
$penulis = $_POST["penulis"];
$harga = $_POST["harga"];

$terjemahan = $_POST["terjemahan"];
$penerbit = $_POST["penerbit"];
$bahasa = $_POST["bahasa"];

echo "<b>DETAIL BUKU</b><br>";


echo "Judul : $judul <br>";
echo "Penulis : $penulis <br>";
echo "Harga : Rp $harga <br>";
echo "Terjemahan : $terjemahan <br>";
echo "Penerbit : $penerbit <br>";
echo "Bahasa : ";
foreach ($bahasa as $value) {
echo $value." ";
}
?>

Hasil :
| I-10

Gambar 3. 8Form Tambah Buku latihan1.php

Gambar 3. 9 Detail Buku

Analisis :
Program tersebut merupakan program penginputan data buku, yang terdiri atas 2
file berbeda yakni latihan1.php sebagai main program, dan data_buku.php yang
berisi syntax program untuk menampilkan data buku yang telah diinputkan pada
form. Form di latihan1.php diberi attribute action ke file data_buku.php dengan
disertai atribut target dengan value-nya ialah target agar tampilan hasil ditampilkan
pada tab browser yang baru. Sesuai dengan perintah di soal yang mengharuskan
tampilkan hasilnya berada dalam file php yang berbeda.

Latihan 2
Buat web untuk penjualan handphone seperti berikut ini :
a. Produk : gunakan checkbox
b. ID Customer, Nama, Email, Alamat : gunakan text
c. Member : gunakan radio button
d. Pembayaran : gunakan combo box yang terdiri dari VISA, Master Card,
Debit BCA.
| I-11

Lakukan validasi sebagai berikut :


ID Customer : harus sebagai bilangan, dan tidak boleh kosong.
Nama : tidak boleh kosong
Email : tidak boleh kosong, dan sesuai dengan format email
Alamat : tidak boleh kosong
Contoh tampilan:

Gambar 3. 10 Contoh tampilan latihan 2

Hasil :
Analisis :

Anda mungkin juga menyukai