hehehehe ..
saya datang lagi dengan pelajaran selanjutnya ..
inilah Belajar Web bagian ketiga ..
Pelajaran III Memposes Sebuah Formulir (Form)
Agar sebuah halaman web menjadi interaktif, tentunya Anda akan memerlukan masukan data dari pengunjung halaman web Anda. Anda dapat melakukan hal ini dengan menggunakan formulir HTML yang diletakkan pada halaman web Anda. Namun, untuk dapat menerima dan memproses data yang telah dimasukkan tersebut, Anda akan memerlukan bantuan dari PHP.
Agar sebuah formulir dapat mengirimkan data yang selanjutnya akan diproses, seorang pengunjung harus melakukan aksi submit terlebih dahulu. Aksi ini dapat dilakukan dengan menekan tombol
<input type="submit" />
pada formulir tersebut. Selanjutnya, data tersebut akan dikirim ke dokumen pemroses yang namanya terdapat pada atribut action di dalam elemen form.
Sebagai contoh, pada sebuah formulir dengan elemen form
<form action="proses.php" method="post">
, data dari formulir akan dikirimkan ke sebuah dokumen php proses.php, dimana pada dokumen inilah semua pemrosesan data yang dikirim akan dilakukan.
Selain itu, Anda juga harus memperhatikan atribut name yang terdapat pada komponen-komponen formulir seperti textbox, textarea, radio button, dan sebagainya. Atribut inilah yang nantinya akan memberikan akses kepada PHP untuk mendapatkan data yang terkandung di dalamnya. Pastikanlah Anda memberikan nilai atribut name yang relevan dan mudah dipahami.
PHP dapat mengakses data yang dikirimkan oleh sebuah formulir dengan menggunakan sebuah variabel khusus yang bernama $_POST. Sebagai contoh, perhatikanlah sebuah dokumen HTML seperti berikut ini :
<!doctype html>
<html>
<head>
<title>Formulir Sederhana</title>
</head>
<body>
<h1>Formulir Sederhana</h1>
<form action="proses_formulir.php" method="post">
<p>
Masukkan Nama Anda : <br />
<input name="nama" type="text" size="50" maxlength="100" />
<p><input type="submit" value="Kirim" />
</form>
</body>
</html>
Formulir yang tedapat pada halaman tersebut memiliki sebuah komponen masukan data dengan nama nama. Anda dapat mengakses data ini melalui dokumen PHP proses_formulir.php dengan cara sebagai berikut :
$nama = $_POST['nama']; // Simpan masukan data ke dalam variabel $name
Gini aja deh, biar lebih gampang, buatlah sebuah dokumen HTML dengan format sebagai berikut :
<!doctype html>
<html>
<head>
<title>Formulir Pendaftaran</title>
</head>
<body>
<h1>Formulir Pendaftaran </h1>
<form action="proses_formulir.php" method="post">
<p>
Masukkan Nama Anda : <br />
<input name="nama" type="text" size="50" maxlength="100" />
<p>
Masukkan Alamat Anda : <br />
<textarea name="alamat"></textarea>
<p>
Masukkan Jenis Kelamin Anda : <br />
<input type="radio" name="jenis_kelamin" value="Laki-Laki" />
<input type="radio" name="jenis_kelamin" value="Perempuan" />
<p>
Masukkan Agama Anda : <br />
<select name="agama">
<option value="Islam">Islam</option>
<option value="Kristen Katolik">Kristen Katolik</option>
<option value="Kristen Protestan">Kristen Protestan</option>
<option value="Hindu">Hindu</option>
<option value="Buddha">Buddha</option>
<option value="Lainnya">Lainnya</option>
</select>
<p><input type="submit" value="Kirim" />
</form>
</body>
</html>
kalo udah, simpan dengan nama formulir.html.
Lalu buat juga dokumen php untuk memprosesnya :
<!doctype html>
<html>
<head>
<title>Proses Pendaftaran</title>
</head>
<body>
<h1>Selamat bergabung!</h1>
<hr />
<h2>Harap periksa kembali data diri yang telah Anda masukkan berikut ini :</h2>
<p>
<ul>
<li>Nama : <?php echo $_POST['nama']; ?></li>
<li>Alamat : <?php echo $_POST['alamat']; ?></li>
<li>Jenis Kelamin : <?php echo $_POST['jenis_kelamin']; ?></li>
<li>Agama : <?php echo $_POST['agama']; ?></li>
</ul>
</body>
</html>
simpan dengan nama proses_formulir.php.
kalo udah, coba seperti biasa, simpan dan buka di browser. coba diisi deh .
selamat mencoba :)
NB: kalo ada kendala boleh tanya tanya kok :)
0 Komentar:
Posting Komentar