Dalam contoh-contoh kita sampai saat ini, kita sudah berhasil mengisi variabel dan menggunakannya dalam satu kode yang sama.
Kayaknya hal ini agak kurang bermanfaat ya? Emang sih. Lha gimana nggak, daripada repot-repot masukin nilai yang kita inginkan, dilanjutkan dengan menampilkan apa yang kita inginkan melalui variabel kita tadi, kan mendingan langsung aja tuh nampilin apa yang kita iningkan tanpa menggunakan variabel, lebih singkat, cepat dan mudah. Jadi, gimana dong?
Kayaknya hal ini agak kurang bermanfaat ya? Emang sih. Lha gimana nggak, daripada repot-repot masukin nilai yang kita inginkan, dilanjutkan dengan menampilkan apa yang kita inginkan melalui variabel kita tadi, kan mendingan langsung aja tuh nampilin apa yang kita iningkan tanpa menggunakan variabel, lebih singkat, cepat dan mudah. Jadi, gimana dong?
Tenang... di tutorial inilah sobat akan melihat kekuatan variabel yang sesungguhnya.
Baiklah, tanpa membuang waktu
lagi, sekarang saatnya untuk membuat sebuah halaman web yang akan kita
gunakan untuk menginput nama kita dan nama orang yang kita sukai dan
kemudian menampilkannya secara bersamaan di halaman lain.
Pahami betul bagaimana cara kita mengirimkan variabel kita dari satu halaman ke halaman yang lain yach… (alay dwech)
Sebelum membuatnya, bayangkan
kembali skenario ini. Sobat membuat sebuah halaman website di mana
pengunjung bisa mengisi nama mereka dan nama doi mereka dalam sebuah
form dan kemudian menampilkan kembali nama-nama tersebut di halaman web
lainnya.
Untuk melakukan hal itu, kita perlu membuat 2 buah file PHP.
File
pertama adalah sebuah form HTML untuk mengumpulkan input dari user,
mengisikan input tersebut ke dalam variabel dan kemudian mengirimkannya
ke file kedua yang bertugas menampilkan kembali isi variabel tersebut
ditambah dengan beberapa hal sederhana lainnya. Maaf kalau cara
penyampaiannya payah ya, tapi saya berharap paling enggak bisa tetap
fun deh buat Sobat dalam mempelajari PHP.
Pertama-tama,
kita buat dulu halaman form HTMLnya, halaman ini adalah halaman HTML
biasa dengan tag FORM di dalamnya. Sesudah ini kita akan buat sebuah
halaman lain (PHP) untuk memproses apa yang diinputkan dari halaman
form HTML kita ini. Kita namai dengan form.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
| <html><head><title>Form WUS24</title></head><body><form action="hasil_form.php" method=post>Nama saya adalah:<br> <input type="text" name="NamaSaya"><p>Nama orang yang saya sukai:<br> <input type="text" name="NamaDia"><p><input type="submit" name="submit" value="Cocokkan!"></form></body></html> |
KETERANGAN :
Baris 7: HTML membaca action="hasil_form.php"
yang menunjukkan pada browser file PHP mana yang akan memproses hasil
form kita. Implikasinya, beberapa saat lagi sobat harus membuat sebuah
file yang bernama hasil_form.php
yang merupakan mesin kecil/alat proses 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="NamaSaya"
artinya adalah bahwa apapun yang kita ketikkan ke dalam text box kita
tadi akan mengisi sebuah variabel yang bernama "NamaSaya". Inilah yang
menghubungkan antara form dan variabel – setiap field dalam sebuah form
dapat digunakan untuk mengisi variabel untuk kemudian kita gunakan
sesuka kita (matap kan!!!).
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, jyahahay!
Baris 16, 17: Kode
ini membuat sebuah tombol submit dengan tulisan "Cocokkan!" (maksudnya
adalah coba cocokkan nama sobat dengan nama orang yang sobat sukai).
Dan berakhirlah form kita. Nah,
tugas form kita itu adalah mengumpulkan informasi nama sobat dan nama
orang yang sobat sukai (tentu saja saat praktek, sobat harus memasukkan
nama-nama tersebut ke dalam form) dan mengisikannya ke dalam variabel
masing-masing.
Berikutnya tentu
saja adalah membawa dan menampilkan variabel yang sudah terisi dengan
nama-nama tersebut dalam bentuk yang berbeda di …… ya, di halaman lain.
Masih inget kan, bahwa pada baris 7 kode HTML di atas, kita memberitahu form kita agar menuju atau mengeksekusi file hasil_form.php begitu kita klik tombol submit (yang bertuliskan Cocokkan! itu). Berikut ini kira-kira isi file hasil_form.php :
1
2
3
4
5
6
7
8
9
10
11
| <html><head><title>Sayang Sekali!</title></head><body bgcolor="#FFFFFF" text="#000000"><p>Kayaknya <?php print $NamaSaya; ?><p>gak bakalan bisa jadian sama<b> <?php print $NamaDia; ?> deh! </b><p>Cobalah berusaha lebih keras ya… siapa tahu ada kesempatan.<br/>Faktornya mungkin kegantenganya, muehehehe!</body></html> |
Gimana? Sekarang udah ngerti kan bagaimana caranya form kita mengirimkan sebuah variabel dari form kita itu ke sebuah file PHP?
Catatan : File hasil_form.php
di atas hanya bisa berjalan jika setting register global php server
kamu on/aktif. Kalau kebetulan settingnya off, maka kamu harus tambah
baris setelah tag body (di antara baris 4 dan 5) begindang/seperti ini :
1
2
3
4
| <?php$NamaSaya=$_POST['NamaSaya'];$NamaDia=$_POST['NamaDia'];?> |
Perhatikan bahwa pada file hasil_form.php kita sebuah variabel dipanggil dengan menambahkan tanda $ ($NamaSaya) di depan variabel yang kita definisikan pada file HTML form_saya.html sebelumnya (NamaSaya).
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.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:
Perhatikan bagaimana informasi yang sudah dimasukkan user mengenai namanya dan nama orang yang disukainya ditambahkan pada URL? Ini akan sangat membantu nanti jika sobat sudah mempelajari cara pengiriman variabel antar halaman lebih lanjut).
