Rabu, 25 Juli 2012

Form HTML dengan PHP

Form adalah salah satu tag HTML yang dipakai untuk penempatan input-input yang akan diisikan oleh user untuk dieksekusi selanjutnya.Form HTML ini dijumpai misalnya pada saat diminta mengisi formulir pendaftaran di suatu situs, mengisi buku tamu, mengisi jajak pendapat, dan lain-lain. Jika form tidak lagi asing bagi Anda, mungkin yang terasa asing adalah bagaimana form tersebut diolah.

Contoh :

Notepad ke 1

<html>
<head><title>form</title></head>
<body>
<form action="umi2.php" method=pos>
<h2 align=center><b>Input Data</b></h2> 
<table align=center width=500>
<tr><td><b>Nama</td><td>:</td><td><body bgcolor=grey><input type=text name="NM" size=50><body bgcolor></b></td></tr>
<tr><td><b>Alamat</td><td>:</td><td><input type=text name="ALM"size=50></b></td></tr>
<tr><td><b>Gender</td><td>:</td><td>
<input type=radio name="GN" size=50 value="PRIA">Pria
<input type=radio name="GN" size=50 value="WANITA">Wanita
</td></tr>
<tr><td><b>Agama</td><td>:</td><td>
<select name="AGM">
<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="BUDHA">Budha</option>
<option value="KONGHUCU">Konghucu</option>
</select></td></tr>
<tr><td><b>Komentar</td><td>:</td><td>
<textarea name="KOM" rows=5 cols=40>Silakan di Isi</textarea></td></tr>
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td>
<input type=submit name=KIRIM value=KIRIM>
<input type=reset name=BATAL value=BATAL></td></tr>
</form>
</body>
</html>                                                                    



Notepad ke 2

<html>
<head><title>form</title></head>
<body>
<?php
print "<h2 align=center><body bgcolor=grey><b>Hasil Data</b><body bgcolor></h2>";
echo ("
<table align=center>
<tr><td><b>Nama</td><td>:</td><td>$NM</b></td></tr>
<tr><td><b>Alamat</td><td>:</td><td>$ALM</b></td></tr>
<tr><td><b>Gender</td><td>:</td><td>$GN</b></td></tr>
<tr><td><b>Agama</td><td>:</td><td>$AGM</b></td></tr>
<tr><td><b>Komentar</td><td>:</td><td>$KOM</b></td></tr>
");
?>
<tr><td colspan=3><a href ="umi.php">Ulangi</a></td></tr>
</table>
</body>
</html>

Setelah kedua notepad di simpan, pada saat menyimpan save as typenya kita pilih all files dan file namenya menggunakan extention php (.php). Kemudian, Index pada local disk C di rename, lalu notepad umi (1) dan notepad umi2 (2) di masukkan pada folder Appserv yang berada pada local disk C. Kemudian buka web, ketik localhost pada address bar. Lalu pilih klik umi.php.
Nanti akan muncul :

Lalu, kita isi dengan data yang di inginkan.

Kemudian kita klik kirim. Dan tampilan akan seperti di bawah ini.





Tidak ada komentar:

Posting Komentar