Form adalah fitur yang sangat penting dalam sebuah
website. Hampir seluruh situs modern membutuhkan form sebagai fitur
utama, seperti form pendaftaran, form login, form register peserta, form pembayaran dan lain-lain.
Ketikkan kode berikut, kemudian simpan dalam folder coba dengan nama
form.php.<html>kode untuk membuat form diatas sudah bisa dijalankan. hasil dari menjalankan kode di atas seperti gambar dibawah ini:
<head>
<title>Belajar PHP</title>
</head>
<body>
<h1>Form Input Data</h1>
<form name="input_data" action="tampil.php" method="post">
<table border="0" cellpadding="5" cellspacing="0">
<tbody>
<tr>
<td>Username</td>
<td>:</td>
<td><input type="text" name="username" maxlength="20" required="required" /></td>
</tr>
<tr>
<td>Password</td>
<td>:</td>
<td><input type="password" name="password" maxlength="20" required="required" /></td>
</tr>
<tr>
<td>Fullname</td>
<td>:</td>
<td><input type="text" name="fullname" maxlength="100" required="required" /></td>
</tr>
<tr>
<td>Email</td>
<td>:</td>
<td><input type="email" name="email" required="required" /></td>
</tr>
<tr>
<td>Agama</td>
<td>:</td>
<td><input type="text" name="agama" required="required" /></td>
</tr>
<tr>
<td>Nomor HP</td>
<td>:</td>
<td><input type="text" name="no_hp" maxlength="14" required="required" /></td>
</tr>
<tr>
<td align="right" colspan="3"><input type="submit" name="submit" value="Simpan" /></td>
</tr>
</tbody>
</table>
</form>
</body>
</html>
Attribut action="tampil.php" adalah file yang digunakan untuk memproses data yang dimasukkan melalui form ini. Attribut method="post" adalah metode pengiriman data yang digunakan. Ada dua jenis menthod untuk mengirim data, yaitu post dan get.
Pengiriman dengan method POST berarti bahwa variabel-variabel data
tidak ditampilkan pada url, sedangkan pengiriman dengan method GET,
variabel-variabel data disertakan pada url.
Kemudian kita akan membuat file untuk menampilkan halaman lain jika tombol simpan di klik. halam ini nantinya bisa kita buat untuk memasukkan kode/script utnuk memasukkan data ke database. namun, untuk kali ini kita hanya menampilkan pemberitahuan bahwa data telah di proses namun belum ada proses penyimpanan ke dalam database karena kita belum masuk ke materi database.
Ketikkan kode berikut, kemudian simpan dalam folder coba dengan nama tampil.php :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">Untuk melihat tampilan jika tombol simpan diklik pada form input data dpat dilihat pada tampilan di bawah ini :
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<h1> TERIMA KASIH, Data Telah di Proses...!!!</h1><hr />
<b>Berikut data yang telah diinputkan :<br /></b>
<?Php
echo"Username : $_POST[username]<br>";
echo"Password : $_POST[password]<br>";
echo"Fullname : $_POST[fullname]<br>";
echo"Email : $_POST[email]<br>";
echo"Agama : $_POST[agama]<br>";
echo"No HP : $_POST[hp]<br>";
?>
</body>
</html>
Sekian postingan kali ini, silahkan berkreasi sendiri.
Semoga Bermanfaat. :)
scriptnya dapat di download disini
No comments:
Post a Comment