Scribd
Unggah
12 tayangan4 halaman

BAB2 Form

Dokumen ini menjelaskan penggunaan PHP untuk memproses data input dari form HTML dalam aplikasi web, dengan contoh form pemesanan barang dan pengolahan data menggunakan metode POST dan GET. Perbedaan antara kedua metode tersebut dijelaskan, terutama dalam konteks privasi data yang dikirimkan. Selain itu, terdapat latihan untuk membuat form input data mahasiswa dengan beberapa komponen input yang berbeda.

Diunggah oleh

elizajasmine36
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 PDF, TXT atau baca online di Scribd
12 tayangan4 halaman

BAB2 Form

Dokumen ini menjelaskan penggunaan PHP untuk memproses data input dari form HTML dalam aplikasi web, dengan contoh form pemesanan barang dan pengolahan data menggunakan metode POST dan GET. Perbedaan antara kedua metode tersebut dijelaskan, terutama dalam konteks privasi data yang dikirimkan. Selain itu, terdapat latihan untuk membuat form input data mahasiswa dengan beberapa komponen input yang berbeda.

Diunggah oleh

elizajasmine36
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 PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 4

BAB 2

FORM INPUT-OUTPUT
Setelah kita belajar dasar-dasar perintah PHP, sekarang saatnya mengaplikasikannya pada
aplikasi web. Biasanya PHP digunakan sebagai pengolah data yang diinputkan melalui form
yang dibuat dengan HTML. Sebagai contoh, andaikan Anda memiliki toko virtual dalam web
yang menjual alat-alat tulis seperti pensil, buku tulis, dan ballpoint. Berikut ini adalah salah
satu bentuk kode HTML yang digunakan untuk membuat form pemesanan pembelian
barang-barang tersebut.
<html><body>
<h2>Toko Alat Tulis Amalia</h2>
<form action="submit.php" method="post">
<select name="barangpesanan">
<option>Pensil</option>
<option>Buku Tulis</option>
<option>Ballpoint</option>
</select>
Jumlah pesanan: <input name="jumlah" type="text">
<input type="submit" value="Submit">
</form>
</body></html>

Tampilan browsernya

Seperti yang Anda lihat pada kode HMTL di atas, perintah action="submit.php"
digunakan untuk mengarahkan ke file PHP yang digunakan untuk memproses barang
pembelian ketika tombol submit ditekan. Dalam form yang dihasilkan dari kode di atas
terdapat 2 buah komponen input yaitu berbentuk combobox dan textbox. Untuk combobox,

7
Modul Pemrograman Web 2011
diberi nama “barangpesanan” (perhatikan perintah <select name="barangpesanan">)
dan textbox diberi nama “jumlah” (perhatikan perintah <input name="jumlah"

type="text">).
Sedangkan berikut ini adalah salah satu contoh kode PHP untuk memproses input dari form
di atas. Kode PHP ini disimpan dengan nama submit.php.
<html><body>
<?php
$jumlah = $_POST['jumlah'];
$barangpesanan = $_POST['barangpesanan'];
echo "Anda memesan ". $jumlah . " " . $barangpesanan .
".<br>";
echo "Terima kasih atas kesediaan Anda memesan barang
dari kami!";
?>
</body></html>

Tampilan browsernya

Kalau Anda perhatikan, terdapat keterkaitan perintah $_POST['xxx']; dengan "xxx" pada
name = "xxx" (nama komponen input).

 POST dan GET


Pada contoh sebelumnya, kita mengirim data input dari form menuju ke file PHP untuk
diproses menggunakan metode post. Selain metode tersebut, terdapat pula metode get.
Untuk melihat perbedaan post dan get, kita akan sedikit mengubah file HTML form dan file
PHP submit.php sebelumnya.

8
Modul Pemrograman Web 2011
<html><body>
<h2>Toko Alat Tulis Amalia</h2>
<form action="submit.php" method="get">
<select name="barangpesanan">
<option>Pensil</option>
<option>Buku Tulis</option>
<option>Ballpoint</option>
</select>
Jumlah pesanan: <input name="jumlah" type="text">
<input type="submit" value="Submit">
</form>
</body></html>

dan isi submit.php nya adalah

<html><body>
<?php
$jumlah = $_GET['jumlah'];
$barangpesanan = $_GET['barangpesanan'];

echo "Anda memesan ".$jumlah." ".$barangpesanan.".<br>";


echo "Terima kasih atas kesediaan Anda memesan barang
dari kami!";
?>
</body></html>

Metode pengiriman data input dari form menggunakan get, dan dalam proses.php $_POST
diganti dengan $_GET. Apabila aplikasi di atas dijalankan, maka secara sekilas hasil yang
tampak sama dengan ketika digunakan metode post. Namun, coba perhatikan URL yang
tampak ketika proses.php muncul. Pada URL tersebut terdapat tambahan
?barangpesanan=...&jumlah=... setelah nama file (proses.php). Titik-titik tersebut akan diisi
dengan data sesuai dengan yang diinputkan pada form.

Coba bandingkan dengan URL ketika digunakan metode post. Data isian pada form tidak
ditampilkan pada URL. Sehingga inilah perbedaan antara keduanya. Dengan demikian,
hendaknya kita jangan menggunakan metode get ketika akan memproses data input
melalui form. Bayangkan seandainya form tersebut digunakan untuk login atau untuk
keperluan yang menyangkut privasi. Apabila Anda gunakan metode get, maka semua input
data akan ditampilkan pada URL. Bisa-bisa password Anda akan kelihatan di URL (jika
terdapat input password ketika login).

9
Modul Pemrograman Web 2011
Tampilan browsernya

Klik submit

Latihan :
Buatlah form untuk Penginputan Data Mahasiswa berupa :
1. Nama (form text)
2. NIM (form text)
3. Jenis Kelamin (form radio pilihan : wanita dan pria)
4. WNI atau WNA (form check box default true pada WNI)
5. Jenis Sekolah Asal (form dengan pilihan : Select SMA, SMK, MA, Pondok Yayasan)

10
Modul Pemrograman Web 2011

Anda mungkin juga menyukai