Pemrograman PHP I : Penanganan HTML form di PHP

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 belajar Penanganan HTML form di PHP, mulai dari membuat HTML form dan memproses data yang dikirim dengan HTML form. Tutorial ini juga dilengkapi dengan video tutorial yang bisa diakses di channel Youtube MyPHPtutorials.

Video Tutorial Dasar PHP: Mengirim Data ke Server Menggunakan Form

Dasar PHP: Mengirim Data ke Server Menggunakan 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 Element Variabel 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:
    Handling Form
  8. Setalah tombol submit ditekan maka hasilnya akan seperti berikut:
    Handling Form-hasil

Download Contoh Tutorial

 

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. SELAMAT MENCOBA

Tutorial PHP dasar selanjutnya: Conditional, Array & Perulangan di PHP