Pemrograman PHP I : Penanganan HTML form di PHP

chmood
Di tutorial sebelumnya ada telah belajar dasar dasar PHP. Jika anda ingin belajarΒ dasar dasar phpΒ secara lebih mendalam anda bisa mengunjungi dokumentasi PHP diΒ http://www.php.net/manual/en/. Di tutorial Pemrograman PHP bagian I ini anda akan belajarPenanganan HTML form di PHP, mulai dari membuat HTML form dan memproses data yang dikirim denganΒ HTMLΒ form.

Membuat form HTML
Menangani atau menghandle HTML form dengan PHP merupakan proses yang paling penting pada website dinamis. Bagian ini terdiri dari dua proses : pertama membuat HTML form itu sendiri dan kedua membuat script PHP yang akan menerima dan memproses data yang dikirim. HTML form dibuat menggunakan tag form dan beberapa element untuk mengambil inputan. Tag form terlihat seperti berikut:
<formΒ action="script.php"Β method="post" >
</form>
atribut paling penting pada tag form adalahΒ action, yang memberitahukan ke page / halaman mana data form akan dikirim. Attribut kedua adalahΒ methodΒ yang memberitahukan bagaimana data tersebut dikirim. Ada dua optionΒ getΒ danΒ postΒ yang dapat digunakan. Jika menggunakan get maka nama dan nilai dari data yang dikirim akan terlihat pada URL, seperti :
http://localhost/script.php?nama=ellyx&gender=L&usia=15
get sering digunakan untuk melakukan request data karena, keterbatasan data yang dapat dikirim dan keamanananya yang kurang. Post digunakan untuk mengirim data ke server seperti menambah record ke database.
Element element input lain sepertiΒ text box,Β check box,Β radion button,Β select menuΒ dan yang lainnya diletakan di dalam tag form. Untuk lebih jelas buatlah contoh berikut:
  1. Buat document HTML baru dengan text editor anda
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Handling Form</title>
    </head>
    <body>
  2. Tambahkan pembuka form tag

    <form method="post"Β action="script.php">Β 
    pada atributΒ actionΒ anda memberi tahu bahwa data akan dikirim dan ditangani oleh fileΒ script.php.
  3. Tambahkan dua text boxΒ 

    <P><b>Nama :</b> <input name="nama" type="text" id="nama" /></p>
    <p><b>Email :</b><input name="email" type="text" id="nama" /></p>
    ini berfungsi untuk user dapat memasukkan nama dan emailnya.
  4. Tambahkan dua buah radioΒ 

    <p><b>Jenis Kelamin : </b><input name="gender" type="radio" value="L" /> Laki-laki
    <input name="gender" type="radio" value="P" /> Perampuan </p>
    Kedua radio button di atas memiliki nama yang sama, agar hanya bisa dipilih salah satu, tapi keduanya memiliki nilai yang berbeda.
  5. Tambahkan select menu (combo box)

    <p><b>Umur :</b> <select name="umur">
    <option value="0-29">Di bawah 30</option>
    <option value="30-60">Antara 30 sd 60</option>
    <option value="60+">Di atas 60</option>
    </select></p>
  6. Tambahakn text area

    <p><b>Komentar :</b><textarea name="komentar" cols="30" rows="4"></textarea></p>

  7. Buat tombol submit dan penutup form tags dan juga ducument HTML

    <p align="center">
    <input type="submit" name="Submit" value="Submit" />
    </p>
    </form>
    </body>
    </html>
  8. Hasil akhirnya adalah sebagai berikutΒ 
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Handling Form</title>
    </head>
    <body>
    <form id="form1" name="form1" method="post" action="script.php">
    <P><b>Nama :</b> <input name="nama" type="text" id="nama" /></p>
    <p><b>Email :</b><input name="email" type="text" id="nama" /></p>
    <p><b>Jenis Kelamin : </b><input name="gender" type="radio" value="L" />
    Laki-laki
    <input name="gender" type="radio" value="P" />Β 
    Perampuan </p>
    <p><b>Umur : </b>
    <select name="umur" >
    <option value="0-29">Di bawah 30</option>
    <option value="30-60">Antara 30 sd 60</option>
    <option value="60+">Di atas 60</option>
    </select>
    </p>
    <p><b>Komentar :</b>
    <textarea name="komentar" cols="30" rows="4" ></textarea>
    </p>
    <p align="center">
    <input type="submit" name="Submit" value="Submit" />
    </p>
    </form>
    </body>
    </html>
  9. Simpan dengan nama form.html dan tempatkan di direktori web server anda, kemudian lihat hasilnya dengan web browser anda. Jika anda ingin belajar lebih detail tentang HTML dan juga HTML form silahkan kunjungiΒ http://www.w3schools.com/html/
Setalah form HTML dibuat maka sekarang saatnya membuatΒ script phpΒ untuk menangani dan memproses data yang dikirim. Pada contoh ini script hanya akan menampilkan data yang disubmit ke web browser, pada tutorial selanjutnya anda akan diajak untuk menyimpan data form ke database MYSQL.
Yang membuat PHP muda untuk dipelajari adalah dimana PHP dapat berinteraksi dengan form HTML. PHP menyimpan data yang diterima ke dalam variabel spesial. Sebagai contoh, jika anda memilki form dengan text seperti:
<input type="text" name="hobby" />
apapun yang diketik user pada textbox tersebut akan dapat diakses melalui sebuah variabel PHP yang bernamaΒ $_REQUEST['hobby'], atau dengan kata lain apapun yang diketik user pada text box tersebut akan disimpan ke dalam varibel $_REQUEST['hobby'] oleh script PHP. Penulisan variabel tersebut harus benar, karena PHP case-sensitive terhadap variabel. Jadi $_REQUEST['hobby'] benar, sedang $_Request['hobby'] atau $_request['hobby'] salah. Untuk form yang telah kita buat maka akan disimpan pada varibel sebagai berikut:
Nama ElementVariabel PHP
nama$_REQUEST['nama']
email$_REQUEST['email']
gender$_REQUEST['gender']
umur$_REQUEST['umur']
komentar$_REQUEST['komentar']

Contoh berikut akan membuat script PHP yang berfungsi untuk menghandle form HTML yang telah dibuat (form.html).
  1. Buatlah document HTML baru dengan text editor anda.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Handling Form</title>
    </head>
    <body>
  2. Buat pembuka tag PHP dan buat variabel untuk menyimpan nilai yang disubmit / dikirimΒ 
    <?php
    // membuat variabelΒ 
    $nama=$_REQUEST['name'];
    $email=$_REQUEST['email'];
    $gender=$_REQUEST['gender'];
    $umur=$_REQUEST['umur'];
    $komentar=$_REQUEST['komentar'];
  3. Tampilkan data yang diterima ke web browserΒ 
    //menampilkan datayang diterima
    echo "TERIMA KASIH ATAS KOMENTAR ANDA<BR>";
    echo "Nama : $nama<br>";
    echo "Email : $email<br>";
    echo "Jenis Kelamin : $gender<br>";
    echo "Umur : $umur<br>";
    echo "Komentar : <br>";
    echo $komentar;
    ?>
  4. Selesaikan code HTML
    </body></html>Β 
    dan hasilnya sebagai berikut:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Handling Form</title>
    </head><body>
    <?php
    //mebuat variabel

    $nama=$_REQUEST['nama'];

    $email=$_REQUEST['email'];
    $gender=$_REQUEST['gender'];
    $umur=$_REQUEST['umur'];
    $komentar=$_REQUEST['komentar'];



    //menampilkan datayang diterima

    echo "TERIMA KASIH ATAS KOMENTAR ANDA<BR>";
    echo "Nama : $nama<br>";
    echo "Email : $email<br>";
    echo "Jenis Kelamin : $gender<br>";
    echo "Umur : $umur<br>";
    echo "Komentar : <br>";
    echo $komentar;
    ?>
    </body>
    </html>
  5. Simpan dengan namaΒ script.phpΒ dan taruh di direktori web server anda, ditempat yang sama dengan form HTML yang dibuat tadi (file form.html). Lalu kenapa nama filenyaΒ script.phpΒ karena pada form HTML yang dibuat tadi pada atributΒ actionΒ ditulisΒ script.php,Β maka nama filenya harusΒ script.php.
  6. Sekarang lihat hasilnya pada browser anda, Ketik URLΒ http://localhost/form.html,Β anda akan melihat seperti di bawah pada browser anda.
  7. Isilah form tersebut dengan data yang anda inginkan, misalkan:
  8. Setalah tombol submit ditekan maka hasilnya akan seperti berikut:


Pada tutorial ini ada telah belajar Pemrograman dasar PHP : Pemrosesan HTML form di PHP, mulai dari membuat html form dan memproses data yang dikirim dengan form terserbut. Jika anda memiliki pertanyaan silahkan tanyakan di forum/markas besar T.I Sniper . SELAMAT MENCOBA

Category
Komentar