Assalamu’alaikum, sobat.. senang bisa kembali ngepost lagi. ^,^
Nah, setelah sekian lama, kali ini saya akan membahas tentang PHP lagi.
Postingan saya kali ini akan membahas tentang bagaimana cara membuat form inputan biodata menggunakan Dreamweaver.
1. Pertama-tama buka aplikasi Dreamweaver dan buat file baru bernama php4_form.php dalam site PraktikumPHP21 dimana file tersebut merupakan program inputan biodata.
Setelah itu ketikkan script :
<!DOCTYPE
html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta
http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<title>Input
Data</title>
</head>
<body>
<form
action="php4_site.php" method="post"
name="form1">
<table
width='700' height='200' border='2' >
<tr>
<td
rowspan='8' width='400'><center><img src='../2.jpg' width='250'
height='200' /></center></td>
<td
colspan='3' align='center' bgcolor="#0033FF"><font
face='Verdana'>BIODATA</font></td>
</tr>
<tr>
<td
width='350' height='5'><font face='Verdana'>Nama Lengkap</font></td>
<td
width='10' align='center'>:</td>
<td
width='400'><input type="text" name="nama"
/></td>
</tr>
<tr>
<td><font
face='Verdana'>E-mail</font></td>
<td>:</td>
<td><input
type="text" name="email" /></td>
</tr>
<tr>
<td
width='350' height='5'><font face='Verdana'>Jenis
Kelamin</font></td>
<td>:</td>
<td><input
type="radio" name="gender" value="Laki-Laki"
/>
L
<input
type="radio" name="gender" value="Perempuan"
/>
P
</td>
</tr>
<tr>
<td><font
face='Verdana'>Tanggal Lahir</font></td>
<td>:</td>
<td>
<?php
$bulan=array("Januari"
,"Februari", " Maret" ,"April", "Mei",
"Juni",
"Juli",
"Agustus", "September", "Oktober",
"November", "Desember");
echo
'<select name="hari">';
$hari=1;
while($hari<=31)
{
echo
"<option value='$hari'>$hari</option>";
$hari++;
}
echo
'</select>';
echo
'<select name="bulan">';
$jumlah=count($bulan);
for($i=0;
$i<$jumlah ; $i++){
echo
'<option value="'.$bulan[$i].'">'.$bulan[$i].'</option>';
}
echo
'</select>';
echo
'<select name="tahun">';
for($tahun=1980;
$tahun<2010; $tahun++){
echo
"<option value='$tahun'>$tahun</option>";
}
echo
'</option>';
?>
</td>
</tr>
<tr>
<td><font
face='Verdana'>Umur</font></td>
<td>:</td>
<td><select
name="umur">
<option
value="0-29">Di bawah 30</option>
<option
value="30-60">Antara 30 sd 60</option>
<option
value="+60">Di atas 60</option>
</select></td>
</tr>
<tr>
<td><font
face='Verdana'>Komentar<td>:</td>
<td><textarea
name="komentar"cols="30"
rows="4"/></textarea></td>
</tr>
<tr>
<td
colspan='3' align='center' width='400'><input type="submit"
name="submit" value="SUBMIT" /></td>
</tr>
</form>
</body>
</html>
2. Buat file baru bernama php4_site.php yang merupakan output dari program pertama yang kita buat.
Ketikkan script :
<?php
/*membuat variabel untuk menyimpan data yang
dikirim*/
$nama=$_REQUEST['nama'];
$email=$_REQUEST['email'];
$gender=$_REQUEST['gender'];
$hari=$_REQUEST['hari'];
$bulan=$_REQUEST['bulan'];
$tahun=$_REQUEST['tahun'];
$umur=$_REQUEST['umur'];
$komentar=$_REQUEST['komentar'];
if($nama=='' || $gender=='')
{
echo'<h3>Maaf
Data Belum Lengkap</h3>';
}
else
{
if($gender=='Laki-Laki'){
echo
'<h2>Selamat Datang Saudara, '.$nama.'</h2>';
}
else
{
echo
'<h2>Selamat Datang Saudari, '.$nama.'</h2>';
}
}
echo "TERIMA KASIH ATAS KOMENTAR
ANDA<BR>";
echo "
<table width='700' height='200' border='0' >
<tr>
<td width='50'> </td>
<td width='200' height='5'>Nama
Lengkap</td>
<td>:</td>
<td width='500'>$nama</td>
</tr>
<tr>
<td> </td>
<td>Email</td>
<td> :</td>
<td>$email</td>
</tr>
<tr>
<td> </td>
<td>Jenis Kelamin</td>
<td>:</td>
<td>$gender</td>
</tr>
<tr>
<td> </td>
<td>Tanggal Lahir</td>
<td>:</td>
<td>$hari $bulan $tahun</td>
</tr>
<tr>
<td> </td>
<td>Umur</td>
<td>:</td>
<td>$umur</td>
</tr>
<tr>
<td> </td>
<td>Komentar</td>
<td>:</td>
<td>$komentar</td>
</tr>
</table>";
?>
3. Run program anda melalui browser anda masing-masing seperti gambar di bawah ini.
4. Masukkan inpu biodata anda dalam form.
5. Jika program di atas anda submit maka akan tampil keluaran seperti gambar di bawah ini :
Nah, bagaimana sobat? Mudah bukan?
Sekian postingan saya.. Semoga bermanfaat...
Tidak ada komentar:
Posting Komentar