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">
Rapellino Ferdiansyah. ST
Pemrograman Berbasis web II
Hasilnya :
Rapellino Ferdiansyah. ST
Pemrograman Berbasis web II
Ini adalah sebuah form HTML biasa tapi mengandung beberapa hal penting yang perlu
semua pahami. Bagian-bagian pentingnya adalah:
Rapellino Ferdiansyah. ST
Pemrograman Berbasis web II
1.
<html>
2.
<head>
3.
<title>Sayang Sekali!</title>
4.
</head>
5.
6.
7.
<?
8.
$NamaAnda = $_POST['NamaAnda'];
9.
$NamaDia = $_POST['NamaDia'];
10.
?>
Rapellino Ferdiansyah. ST
Pemrograman Berbasis web II
11.
12.
<p>
Kayaknya <?php print $NamaAnda; ?>
13.
<p>
14.
15.
16.
17.
kesempatan.
18.
</body>
19.
</html>
20.
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
Get vs Post
Rapellino Ferdiansyah. ST
Pemrograman Berbasis web II
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 :
Rapellino Ferdiansyah. ST
Pemrograman Berbasis web II
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
<?
Rapellino Ferdiansyah. ST
Pemrograman Berbasis web II
$_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>
Rapellino Ferdiansyah. ST
Pemrograman Berbasis web II