Sourche Code Terbaru

Home / php / Tutorial Web / Cara Membuat Form Input Sederhana Menggunakan PHP

Cara Membuat Form Input Sederhana Menggunakan PHP

09.58 ,


Pada posting sebelumnya kita sudah mempelajari tentang "Jenis-jenis Operator Perbandingan dalam PHP". Nah, dalam kesempatan kali ini kita akan mempelajari bagaimana "Cara membuat form input sederhana menggunakan PHP".


Menangani atau menghandle HTML form dengan PHP merupakan proses yang paling penting pada program web 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:



  1. <form action="script.php" method="post" >
  2. <!--isi form-->
  3. </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=Lavia&gender=P&usia=18

get sering digunakan untuk melakukan request data karena, keterbatasan data yang dapat dikirim dan keamanannya yang kurang. Post digunakan untuk mengirim data ke server seperti menambah record ke database.

Agar lebih memahami penjelasan diatas, mari langsung saja kita praktekan =D7

Pertama tama silahkan copypaste script dibawah ini, lalu buatlah sebuah file dengan nama Form.html

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5. <title>Handling Form</title>
  6. </head>
  8. <body>
  9. <h2>Form Input HTML</h2>
  10. <form id="form1" name="form1" method="post" action="proses.php">
  11. <table>
  12. <tr>
  13. <td><b>Nama :</b></td>
  14. <td><input name="nama" type="text" id="nama" /></td>
  15. </tr>
  16. <tr>
  17. <td><b>Email :</b></td>
  18. <td><input name="email" type="text" id="nama" /></td>
  19. </tr>
  20. <tr>
  21. <td><b>Jenis Kelamin : </b></td>
  22. <td><input name="gender" type="radio" value="L" />
  23.    Laki-laki <input name="gender" type="radio" value="P" />
  24.   Perampuan </td>
  25.    </tr>
  26.   <tr>
  27. <td><b>Umur : </b></td>
  28. <td>
  29.   <select name="umur" >
  30.     <option value="0-29">Di bawah 30</option>
  31.     <option value="30-60">Antara 30 sd 60</option>
  32.     <option value="60+">Di atas 60</option>
  33.   </select>
  34.   </td>
  35. </tr>
  36. <tr>
  37. <td><b>Komentar :</b></td>
  38. <td>
  39.   <textarea name="komentar" cols="30" rows="4" ></textarea>
  40. </td>
  41. </tr>
  42. <tr>
  43. <td></td>
  45. <td>
  46.   <input type="submit" name="Submit" value="Submit" />
  47. </td>
  48. </tr>
  49. </table>
  50. </form>
  51. </body>
  52. </html>

apabila form html diatas dijalankan, maka hasilnya akan seperti gambar dibawah ini :

Selanjutnya kita akan membuat file proses.php. file ini nantinya akan berfungsi untuk memproses data yang ada di dalam form inputan. silahkan copypaste script dibawah ini dan simpan dengan nama proses.php

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5. <title>Handling Form</title>
  6. </head>
  8. <body>
  9. <?php
  10. //mebuat variabel
  11. $nama=$_REQUEST['nama'];
  12. $email=$_REQUEST['email'];
  13. $gender=$_REQUEST['gender'];
  14. $umur=$_REQUEST['umur'];
  15. $komentar=$_REQUEST['komentar'];
  17. //menampilkan datayang diterima
  18. echo "TERIMA KASIH ATAS KOMENTAR ANDA<BR>";
  19. echo "Nama : $nama<br>";
  20. echo "Email : $email<br>";
  21. echo "Jenis Kelamin : $gender<br>";
  22. echo "Umur : $umur<br>";
  23. echo "Komentar : <br>";
  24. echo $komentar;
  25. ?>
  26. </body>
  27. </html>

Nah, sekarang kita akan uji coba formnya, silahkan isi seluruh field yang ada dalam form tesebut 

Selanjutnya tekan "Submit". maka hasilnya akan seperti gambar dibawah ini :


gambar diatas menunjukan bahwa form inputan berfungsi dengan baik, silahkan teman teman kembangkan sendiri agar lebih mengerti :) karena nantinya form inputan seperti ini merupakan element yang sangat penting dalam pembuatan program berbasis web. 

Sekian posting kali ini semoga bermanfaat :) , kita lanjutkan pembahasan pada posting berikutnya


Tidak ada komentar

Langganan: Posting Komentar ( Atom )