BAB III – FORM HTML DAN PHP
Di bab ini kita akan belajar
membuat form di HTML dan membuat script PHP sebagai jawaban dan script HTML.
Berikut adalah tag untuk FORM :
KOMPONEN FORM
Untuk mengatur agar form tersebut diolah oleh skrip PHP, maka argumen ACTION harus diisi dengan nama sebuah file PHP. File inilah yang nantinya akan mengolah form tersebut.
Pertanyaan berikutnya adalah: apanya yang diolah? Tentu saja adalah input yang diberikan kepada form form tersebut. Seperti kita tahu, komponen form HTML dapat berupa kotak teks, radio button, dan check box. Nah, nilai-nilai yang diberikan ke dalam komponen-komponen inilah yang nantinya diolah. Nilai-nilai tersebut nantinya akan “ditangkap” oleh skrip PHP dan disimpan dalam bentuk variabel. Nama variabel yang menyimpannya sama dengan nama komponen form HTML yang didefinisikan oleh argumen NAME. Perhatikan contoh form berikut ini:
Nantinya jika form tersebut di-submit, input berupa nama, umur, dan email akan diolah di file proses.php. Di dalam file proses.php ini nantinya akan dikenal variabel dengan nama $nama, $umur, dan $email sesuai dengan nama komponen form HTML.
Kedua array ini bersifat asosiatif dan sebagai indeksnya adalah nama dari komponen form HTML yang didefinisikan oleh argumen NAME. Jadi untuk contoh form di atas, pada file proses.php akan dikenal array dengan nama $_POST['nama'], $_POST['umur'], dan $_POST['email'].
Dengan pemahaman tersebut, sekarang kita akan membuat file proses.php yang mengolah input dari cthform.html di atas.
Cara kedua adalah dengan menjalankan file cthform.html secara online, jadi file tersebut dipanggil dengan menuliskan http://localhost/cthform.html di bagian address browser. Jika file cthform.html dan proses.php terletak dalam 1 direktori yang sama, maka file cthform.html di atas tidak perlu Anda edit lagi.
Setelah file cthform.html Anda jalankan, isikan form tersebut sesuai dengan kehendak Anda. Sebagai contoh, PCplus mengisi form tersebut dengan nama: Keke, umur: 17, dan email: aneke@ymail.com.
Berikut adalah tag untuk FORM :
<FORM [NAME=namaform] METHOD={post|get} ACTION=pengolah>
KOMPONEN FORM
Untuk mengatur agar form tersebut diolah oleh skrip PHP, maka argumen ACTION harus diisi dengan nama sebuah file PHP. File inilah yang nantinya akan mengolah form tersebut.
Pertanyaan berikutnya adalah: apanya yang diolah? Tentu saja adalah input yang diberikan kepada form form tersebut. Seperti kita tahu, komponen form HTML dapat berupa kotak teks, radio button, dan check box. Nah, nilai-nilai yang diberikan ke dalam komponen-komponen inilah yang nantinya diolah. Nilai-nilai tersebut nantinya akan “ditangkap” oleh skrip PHP dan disimpan dalam bentuk variabel. Nama variabel yang menyimpannya sama dengan nama komponen form HTML yang didefinisikan oleh argumen NAME. Perhatikan contoh form berikut ini:
<HTML>Simpanlah form ini dengan nama cthform.html.
<HEAD>
<TITLE> Form </TITLE>
</HEAD>
<BODY>
<FORM NAME=”contoh” METHOD=”post” ACTION=”proses.php”>
Nama <INPUT TYPE=”text” NAME=”nama”> <BR>
Umur <INPUT TYPE=”text” NAME=”umur”> <BR>
Email <INPUT TYPE=”text” NAME=”email”> <BR>
<INPUT TYPE=”submit”>
</FORM>
</BODY>
</HTML>
Nantinya jika form tersebut di-submit, input berupa nama, umur, dan email akan diolah di file proses.php. Di dalam file proses.php ini nantinya akan dikenal variabel dengan nama $nama, $umur, dan $email sesuai dengan nama komponen form HTML.
Kedua array ini bersifat asosiatif dan sebagai indeksnya adalah nama dari komponen form HTML yang didefinisikan oleh argumen NAME. Jadi untuk contoh form di atas, pada file proses.php akan dikenal array dengan nama $_POST['nama'], $_POST['umur'], dan $_POST['email'].
Dengan pemahaman tersebut, sekarang kita akan membuat file proses.php yang mengolah input dari cthform.html di atas.
<HTML>Untuk mencoba aplikasi tersebut ada dua cara yang dapat digunakan. (Hal ini sangat penting untuk diperhatikan karena seringkali para pemula melakukan kesalahan). Cara yang pertama adalah menjalankan file cthform.html secara offline atau mudahnya dengan mengklik ganda file tersebut. Cara ini sangat lazim dilakukan karena file berekstensi .html telah terasosiasi dengan browser sehingga klik ganda terhadap file tersebut akan otomatis menjalankan browser. Jika cara ini yang Anda lakukan, maka Anda harus mengedit cthform.html di bagian tag <FORM> menjadi sebagai berikut:
<HEAD>
<TITLE> Proses </TITLE>
</HEAD>
<BODY BGCOLOR=#FFFFFF>
<?
$nama = $_POST['nama'];
$umur = $_POST['umur'];
$email = $_POST['email'];
Echo “<H1> Hallo $nama </H1>”;
?>
<H2> Selamat Datang Di Situs Kami </H2>
<?
Echo “Umur Anda saat ini adalah “;
Echo “$umur tahun <BR>”;
Echo “Alamat email Anda adalah “;
Echo “$email”;
?>
</BODY>
</HTML>
<FORM NAME=”contoh” METHOD=”post” ACTION=”http://localhost/proses.php”>Sesuaikan nilai ACTION dengan letak file proses.php di komputer Anda.
Cara kedua adalah dengan menjalankan file cthform.html secara online, jadi file tersebut dipanggil dengan menuliskan http://localhost/cthform.html di bagian address browser. Jika file cthform.html dan proses.php terletak dalam 1 direktori yang sama, maka file cthform.html di atas tidak perlu Anda edit lagi.
Setelah file cthform.html Anda jalankan, isikan form tersebut sesuai dengan kehendak Anda. Sebagai contoh, PCplus mengisi form tersebut dengan nama: Keke, umur: 17, dan email: aneke@ymail.com.
Komentar
Posting Komentar