1. Komponen Form
Sebuah website dinamis seringkali memerlukan interaksi antara
browser client dan server bisa berupa pemasukan data teks, angka, atau
upload file untuk diproses oleh server. Untuk mewadahi suatu data yang
dikirimkan oleh browser client, dibutuhkan adanya FORM HTML.
Penggunaan form misalnya untuk pendaftaran keanggotaan, pemasukan
kode kartu kredit, login user, transaksi perbelanjaan, dan upload file.
2. Pengolahan Data Dari Form
Form di HTML dikenal dengan adanya tag <FORM> dan ditutup
dengan tag </FORM>. Di dalam tag pembuka <FORM> diikuti dengan
atribut action dan method. Pada atribut action menerangkan ke halaman,
yang akan digunakan pada proses input, sedangkan method digunakan untuk
mengatur cara mem-parsing konten.
Pada halaman web akan menerima inputan dari user atau para
pengunjung dengan menggunakan metode GET dan POST. GET akan
mengirimkan data bersama dengan URL, sedangkan POST akan
mengirimkannya secara terpisah. User mengirimkan data input dengan
mengisi teks atau pilihan pada attibut form html.
A. Proses Form menggunakan Metode GET.
File metodeget.php
<html>
<head>
<title> Form Metode Get</title>
</head>
<body>
<form action="metodegetproses.php" method="get">
Masukkan nama : <input type = "text" name="nama" size="25">
<input type="submit" value="Proses">
</form>
</body>
</html>
Hasil dari skrip diatas adalah sebagai berikut:
Buat file untuk memproses Variable yang diberikan oleh file
metodeget.php,
beri nama filenya : metodegetproses.php
<html>
<head>
<title> Form Metode Get Proses</title>
</head>
<body>
Data Nama Yang Diinputkan adalah : <?php echo
$_GET["nama"];?>
Hasil dari skrip diatas adalah sebagai berikut:
Penjelasan dari gambar hasil metodegetproses adalah:
Perhatikan tulisan pada url di web browser karena menggunakan
metode GET, maka data yang dikirmkan akan ditampilkan di URL
B. Proses Form menggunakan metode : POST
Untuk membuat inputan, dan beri nama file : metodepost.php
<html>
<head>
<title> Form Metode Get</title>
</head>
<body>
<form action="metodepostproses.php" method="post">
Masukkan nama : <input type = "text" name="nama" size="25">
<input type="submit" value="Proses">
</form>
</body>
</html>
Hasil dari script diatas adalah sebagai berikut:
Buat file untuk memproses Variable yang diberikan oleh file
metodepost.php beri nama filenya : metodepostproses.php.
<html>
<head>
<title> Form Metode Get Proses</title>
</head>
<body>
Data Nama Yang Diinputkan adalah : <?php echo $_POST["nama"];?>
</body>
</html>
Hasil dari script diatas adalah sebagai berikut:
Penjelasan dari gambar hasil metodegetproses adalah:
Perhatikan tulisan pada url di web browser karena menggunakan
metode POST, maka data yang dikirmkan akan ditampilkan di URL.
C. Contoh Pembuatan Form dengan Input, Proses, dan Output Dalam Satu
File
Untuk membuat form input dan halaman untuk menampilkan dalam
satu file, maka bisa menggunakan statement :
If (!Empty (nama_Variable))
Artinya jika Variable yang dicari tidak kosong (alias ada) maka baru
ditampilkan, sementara jika tidak ada maka tidak akan ditampilkan.
Yang perlu diketahui adalah digunakannya alamat action :
$_server [‘php_self’]
Artinya alamat action akan mengacu ke halaman itu sendiri dan
bukan di halaman yang lain.
Dengan demikian, jika form di submit, maka
halaman yang dipanggil tetap halaman yang sama.
Contoh formdatadiri.php :
<html>
<head>
<title> Masukan Data</title>
</head>
<body>
<h1> Masukan Identitas Anda<h1>
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
<pre>
Isikan Nama : <input type="text" name="nama">
Isikan No Telp: <input type="text" name="notelp">
Isikan Alamat : <textarea name="alamat" rows="5" cols="40"></textarea>
<input type="submit" value="TAMPIL"><input type="reset"
value="BATAL">
</pre>
</form>
<?php
$nama = $_POST['nama'];
$telp = $_POST['notelp'];
$alamat = $_POST['alamat'];
if(!empty($nama)){
echo "Nama : $nama <br>"; }
if(!empty($telp)){
echo "No Telp : $telp <br>"; }
if(!empty($alamat)){
echo "Alamat : $alamat <br>"; }
?>
</body>
</html>
Hasil dari script diatas adalah sebagai berikut:
Selanjutnya setelah ada hasil form data diri maka KLIK Tombol Tampil,
maka akan tampil kiriman datanya.
1. Buat skrip program untuk membuat form input disimpan dengan nama
forminput.php sebagai berikut ini:
<html>
<head>
<title>Input Data </title>
</head>
<body bgcolor="blue">
<form action="tampil.php" method="post">
<b>Pengelolaan Data </b>
<br>
<pre>
Nama : <input type="text" name="alkita6.blogspot.com" size="25"
maxlength="50">
Alamat : <input type="text" name="alamat" size="25"
maxlength="50">jakarta
</pre>
Jenis Kelamin :
<input type="radio" name="jeniskel" value="prempuan"> perempuan
<input type="radio" name="jeniskel" value="laki-laki">
laki-laki
<p>
Pekerjaan :
<select name="pekerjaan">
<option value="-Pilih-">
<option value="Pelajar">Pelajar
<option value="Karyawan">Karyawan
<option value="Wirausaha">Wirausaha
<option value="Lain-lain">Lain-lain
</select>
<p>
Hobi :
<input type="checkbox" name="hobi1"
value="Olahraga">Olahraga
<input type="checkbox" name="hobi2" value="renang">Renang
<input type="checkbox" name="hobi3" value="Jalan-Jalan">Jalan-
Jalan
<p>
<input type="submit" value="Kirim"><input type="reset"
value="Batal">
</form>
</body>
</html>
Hasil Dari Script diatas adalah:
