Membuat Form dengan GET / POST di PHP (PHP FOR NEWBIE)

Membuat form contohnya form biodata atau login pada web bisa dilakukan dengan menggunakan PHP. Pembuatan form pada tutorial kali ini menggunakan dua file php / 2 halaman web. Halaman pertama untuk melakukan pengisian data, misalnya nama, usia, alamat dst. Yang kedua adalah halaman hasil untuk menampilkan hasil dari pengisian data yang sudah dimasukan. Nah untuk mengirim variabel nama, alamat atau data dari halaman pengisian ke halaman hasil, digunakanlah metode GET dan POST.Dua metode ini nantinya sama - sama dapat digunakan untuk mengirim nilai variabel tersebut. Bedanya kalau metode GET bersifat terbuka, maksudnya akan ada informasi yang ditampilkan di bagian adress bar pada browser kalian, sedangkan POST tidak ditampilkan. Perhatikan gambar berikut (klick untuk memperbesar)

GET:

POST:

Terlihat bahwa pada metode GET terdapat tulisan panjang yang berisikan informasi variabel sedangkan pada metode POST tidak ada sama sekali. Nah dari situ kita bisa mengambil hikmahnya, wkwk, bahwa metode POST biasanya digunakan untuk hal - hal yang bersifat rahasia, misalnya untuk keperluan login, atau input data rahasia. Sedangkan GET untuk data yang bersifat umum.

Oke sekarang kita masuk ke koding,

1. Nyalakan XAMPP.
2. Buat folder "latihan" di xampp/htdocs/
3. Buat file index.php dan hasil.php (bikin kosongan dulu aja).
4. Save ke xampp/htdocs/latihan.
5. Jika sudah tulis code berikut di index.php lalu di save.

------------------------------------(INI UNTUK METODE POST..!! :D)-------------------------------

<html>
     <head>
          <title>FORM PENGISIAN</title>
     </head>
     <body>
          <!--BAGIAN FORM-->
          <form name="form_pengisian" method="POST" action="hasil.php">
               <table>
                    <tbody>
                         <tr>
                              <td>Nama</td>
                              <td><input type="text" name="text_nama"/></td>
                        </tr>
                        <tr>
                              <td>Gender</td>
                              <td>
                                      <input type="radio" name="radio_gender" value="pria"/>Pria
                                      <input type="radio" name="radio_gender" value="wanita"/>Wanita
                             </td>
                      </tr>
                      <tr>
                           <td>Status</td>
                           <td>
                                  <select name="sel_status">
                                           <option name="sel_status" value="Single">Single</option>
                                           <option name="sel_status" value="Nikah">Nikah</option>
                                           <option name="sel_status" value="Lain-lain">Lain - lain</option>
                                 </select>
                          </td>
                    </tr>
                    <tr>
                         <td>Kota</td>
                         <td><input type="text" name="text_kota"/></td>
                    </tr>
                    <tr>
                        <td><input type="submit" name="submit" value="submit"></td>
                   </tr>
          </tbody>
        </table>
     </form> 
     <!--BAGIAN FORM END-->
  </body>
</html>

------------------------------------(INI UNTUK METODE POST..!! :D)-------------------------------

6. Setelah selesai dengan koding diatas buka hasil.php kemudian tulis koding dibawah dan save.

<?php
 $nama = $_POST['text_nama'];
 $gender = $_POST['radio_gender'];
 $status = $_POST['sel_status'];
 $kota = $_POST['text_kota'];
 
 echo "HASIL<br/>";
 echo "----------------------------<br/>";
 echo "nama anda: $nama<br/>";
 echo "nama gender: $gender<br/>";
 echo "nama status: $status<br/>";
 echo "nama kota: $kota<br/>";
?>

Coba buka browser kalian, baca bismilah dulu (klo ga doa dulu kadang gagal :p), ketikan localhost/latihan (folder untuk menyimpan 2 file tadi), jika berhasil akan muncul seperti gambar di bawah:

Isikan kolom yang ada, kemudian pilih submit

hasilnya,

Koding diatas merupakan contoh metode POST. Jika ingin menggantinya ke metode GET, ganti nilai atribut "method" pada index.php dari "POST" ke "GET", dan ganti semua "$_POST[]" ke "$_GET[]" di file hasil.php. Oke sekarang ucapkan alhamduliah, tapi ini belum selesai, sekarang kita bahas kodingnya dulu.

PENJELASAN KODING
Dua file tersebut sebenarnya seperti penjelasanku sebelumnya yaitu file index.php berperan sebagai halaman yang digunakan untuk menampilkan inputan user, sedangkan file hasil.php digunakan untuk mendapatkan nilai dari variabel inputan dan menampilkanya di browser. Terus seperti apa detailnya? Pertama lihat koding di index.php, sebenarnya bagian paling penting disini adalah pada bagian tag <form>. Perhatikan isi dari tag<form> diatas, <form name="form_pengisian" method="POST" action="hasil.php"> , atribut "method" digunakan untuk menentukan metode yang ingin dipakai (POST / GET), kemudian atribut "action" digunakan untuk menentukan mau dikirim kemanakah variabel - variabel yang ada (disini dikirim ke hasil.php). Setelah itu lihat koding diantara tag <form> dan </form>, sesuatu yang dikirim nantinya adalah nama variabel dan nilai variabel, itu sebabnya nama variabel di index.php dan hasil.php harus sama (Contoh: Jika di index.php ditulis <input type="text" name="text_name"> maka di hasil.php harus ditulis $_GET['text_name'] atau $_POST['text_name'] ). Pada tag <input>, atribut "name" digunakan untuk memberi nama variabel, sedangkan value adalah nilai dari variabel tersebut. Pada tag input "text_name" dan "text_kota" value / nilainya sesuai dengan inputan user, sedangkan "radio_gender" dan "sel_status" valuenya sudah disikan terlebih dahulu. Perlu diketahui bahwa tag <select><option></option></select> juga merupakan sebuah inputan meski tidak ditulis dengan <input>. Atribut "type" pada tag <input> sendiri digunakan untuk menentukan jenis inputan, dan ada beberapa jenis yaitu "text", "textarea", "radio", "password". Di program ini mungkin hanya dijelaskan type text dan radio, untuk yang lainya silahkan dicoba. Dan yang terakhir adalah tombol pengirimnya, yaitu pada <input type="submit" name="submit" value="submit"/>.Input yang bertipe submit digunakan untuk layaknya tombol konfirmasi / oke / send, yah seperti itulah pokoknya. Oh ya catatan buat para newbie, ingat yaah, pada bagian index.php sekali lagi yang terpenting adalah <form> dan <input>. Sedangkan untuk <table>, <tr> dan <td> dan sebgainya sebenarnya digunakan agar tampilan lebih rapi.

Gimana? udah paham? atau malah mau muntah - muntah? hehe, Oke mungkin segitu aja dulu kalau ada pertanyaan, silahkan isi komentar kalian atau bisa di e-mailku hendzcode@gmail.com

Hendzcode

Heloo,

Membuat Form dengan GET / POST di PHP (PHP FOR NEWBIE)

4 komentar