Professional Documents
Culture Documents
Kita ketahui di dalam HTML dapat menyajikan sebuah FORM dengan penulisan sebagai berikut : <input type="text" name="firstname"> <input type="password" name="textfield"> <input type="hidden" name="hiddenField"> <textarea name="textarea"></textarea> <input type="checkbox" name="vehicle" value="Bike" /> <input type="radio" name="sex" value="male"> <select name="select"> <option value="1">oprion1</option> <option value="2">option2</option> </select> <input type="file" name="file"> <input type="reset" name="Reset" value="Reset"> <input type="submit" name="Submit2" value="Submit">
Hasilnya :
Sebagai latihan kita coba contoh berikut : Pertama-tama, kita buat dulu halaman formnya, halaman ini adalah halaman HTML biasa dengan FORM di dalamnya. Sesudah ini kita akan buat sebuah halaman lain (PHP) untuk memproses apa yang diinputkan dari halaman HTML kita ini. Kita namai dengan form_saya.html 1. <html> 2. <head> 3. <title>Form Saya</title> 4. </head> 5. <body> 6. 7. <form action="hasil_form_saya.php" method=post> 8. 9. Nama saya adalah: 10. <br> <input type="text" name="NamaAnda"> 11. 12. <p> Nama orang yang saya sukai: 13. <br> <input type="text" name="NamaDia"> 14. <p> 15. 16. <input type="submit" name="submit" value="Cocokkan!"> 17. </form> 18. 19. </body> 20. </html>
Ini adalah sebuah form HTML biasa tapi mengandung beberapa hal penting yang perlu semua pahami. Bagian-bagian pentingnya adalah:
Baris 7: HTML membaca action="hasil_form_saya.php" yang menunjukkan pada browser file PHP mana yang akan memproses hasil form kita. Implikasinya, beberapa saat lagi anda harus membuat sebuah file yang bernama hasil_form_saya.php yang merupakan mesin kecil yang bertugas untuk menampilkan hasil input di form kita. (Jangan khawatir, kita akan membahas method=post belakangan) Baris 10: input type="text" menentukan jenis elemen form apa yang kita inginkan,dalam kasus kita ini adalah sebuah inputan teks atau text box (kita juga bisa mendefinisikannya sebagai radio button, check box, dll); name="NamaAnda" artinya adalah bahwa apapun yang kita ketikkan ke dalam text box kita tadi akan mengisi sebuah variabel yang bernama NamaAnda. Inilah yang menghubungkan antara form dan variabel setiap field dalam sebuah form dapat digunakan untuk mengisi variabel untuk kemudian kita gunakan sesuka kita. Baris 13: di baris ini, kita memiliki sebuah teks input yang akan kita gunakan untuk mengisi variabel lain yang kita beri nama NamaDia yang merupakan nama orang yang kita sukai. Baris 16, 17: Kode ini membuat sebuah tombol submit dengan tulisan Cocokkan! (maksudnya adalah coba cocokkan nama anda dengan nama orang yang anda sukai). Dan berakhirlah form kita. Sekarang kita buat file hasil_form_saya.php
1. 2. 3. 4. 5. 6. 7. 8. 9. 10.
<html> <head> <title>Sayang Sekali!</title> </head> <body bgcolor="#FFFFFF" text="#000000"> <? $NamaAnda = $_POST['NamaAnda']; $NamaDia = $_POST['NamaDia']; ?>
11. 12. 13. 14. 15. 16. 17. 18. 19. 20.
<p> Kayaknya <?php print $NamaAnda; ?> <p> gak bakalan bisa jadian sama <b> <?php print $NamaDia; ? > deh!?! </b> <p>Cobalah berusaha lebih keras yasiapa tahu ada kesempatan. </body> </html>
Baris 8 dan 9 : Perhatikan method yang digunakan di halaman saya.html yaitu menggunakan POST. Maka untuk mendapatkan informasi yang diberikan kita harus menggunakan $_POST[nama_variable] sesuai dengan methodnya. Baris 12 dan 15: Menampilkan variable $NamaAnda dan $NamaDia
Pengambilan informasi dari variable yang dikirimkan bisa menggunakan $_GET, $_POST, $_REQUEST $_GET mengambil dengan method GET $_POST mengambil dengan method POST $_REQUEST mengambil dengan method GET atau POST
Get vs Post
Kita sudah menggunakan metode "Post" untuk mengirimkan data form dengan cara yang berbeda menggunakan metode lain yaitu Get. Ingat, ini merupakan bagian dari form kita di mana tertulis <form action="hasil_form_saya.php" method=post>. Perbedaan antara kedua metode ini adalah bahwa metode post secara transparan mengirimkan semua informasi yang sudah dikumpulkan oleh halaman form kita, sedangkan metode Get akan mengirimkan semua informasi itu sebagai bagian dari URL (dalam contoh form kita tadi, akan seperti ini: http://localhost/hasil_form_saya.php? NamaAnda=panjul& NamaDia=cinta&submit=Cocokkan%21 Perhatikan bagaimana informasi yang sudah dimasukkan user mengenai namanya dan nama orang yang disukainya ditambahkan pada URL? Ini akan sangat membantu nanti jika anda sudah mempelajari cara pengiriman variabel antar halaman lebih lanjut).
Latihan :
Lat1.php <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>Latihan</TITLE> </HEAD> <BODY> <form action="hasil.php" method="post"> <table> <tr> <td>Panjang :</td> <td><input type="text" name="panjang"></td> </tr> <tr> <td>Lebar :</td> <td><input type="text" name="lebar"></td> </tr> <tr> <td></td> <td> <input type="submit" value="Luas"> <input type="reset" value="Reset"> </td> </tr> </form> </BODY> </HTML>
hasil.php
<? $_panjang = $_REQUEST['panjang']; $_lebar = $_REQUEST['lebar']; function persegi_panjang(){ global $_panjang; global $_lebar; $hasil = $_panjang * $_lebar; echo "Panjang = ".$_panjang."<br>"; echo "Lebar = ".$_lebar."<br>"; echo "Luas = ".$_panjang." * ".$_lebar."<br>"; echo "Hasil = ".$hasil; } function bujursangkar(){ global $_panjang; $_sisi = $_panjang; $hasil = $_sisi * $_sisi; echo "Asumsi \$_sisi = \$_panjang <br>"; echo "Sisi = ".$_sisi."<br>"; echo "Luas = ".$_sisi." * ".$_sisi."<br>"; echo "Hasil = ".$hasil; } persegi_panjang(); echo "<hr>"; bujursangkar(); ?> <br> <a href="test2.php">kembali Hitung</a>