Belajar PHP#4: Menggunakan Fungsi Conditional, Array, dan Perulangan
Halo teman- teman masih berhubungan dengan postingan saya sebelumnya. Kali ini saya mau share yang masih sama
yaitu Pemrograman Internet, dengan bahasa pemrograman PHP lebih tepatnya. Semoga
tutorial ini bermanfaat. Cekidot :).
Kali ini saya membuat tutorial sederhana tentang cara membuat tampilan
input data diri menggunakan fungsi conditional, array dan array pada bahasa pemrograman PHP.
Untuk membuatnya kita bisa menggunakan software aplikasi Adobe
Dreamweaver. Tak lupa, juga menggunakan bantuan dari software aplikasi XAMPP.
Sebelum mulai mencoba tutorial ini pastikan, kita telah menginstalasi beberapa
software tersebut.
1. Aktifkan XAMPP Control Panel. Lalu, klik start
pada pilihan Apache dan MySQL.
2. Buka Adobe Dreamweaver, disini saya
menggunakan Adobe Dreamweaver CS6.
3. Klik kanan pada “Site” pilih “New File”, untuk
membuat file baru.
4. Setelah file baru terbentuk, double klik pada
file tersebut dan beri nama pada file tersebut memakai format file .php (contoh: FormPHP4.php).
5. Ketikkan script berikut (perhatikan gambar
berikut).
<!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>FormPHP4</title>
</head>
<body>
<?php
$bulan=array("Januari" ,"Februari", " Maret" ,"April", "Mei", "Juni", "Juli", "Agustus", "September", "Oktober", "November", "Desember");
?>
<font color= black face='Calibri'>
<form id="form1" name="form1" method="post" action="ActionFormPHP4.php">
<table>
<tr>
<td>
<table width="700" border="0">
<tr>
<td width="150"><b>Nama</b></td>
<td width="15">:</td>
<td width="400"><input name="nama" type="text" id="nama2"></td>
</tr>
<tr>
<td><b>Email</b></td>
<td>:</td>
<td><input name="email" type="text" id="nama"></td>
</tr>
<tr>
<td><b>Jenis Kelamin</b></td>
<td>:</td>
<td><input type="radio" name="jk" value="L" />
Laki - Laki
<input type="radio" name="jk" value="P" />
Perempuan
</td>
</tr>
<tr>
<td><b>Tempat, Tanggal Lahir</b></td>
<td>:</td>
<td><input type="text" name="tempat" id="tempat">,
<select name="hari">
<?php
$hari=1;
while($hari<=31) {
?>
<option value="<?php echo $hari; ?>">
<?php echo $hari; ?>
</option>
<?php
$hari++;
}
?>
</select>
<select name="bulan">
<?php
$jumlah=count($bulan);
for($i=0; $i<$jumlah ; $i++){
echo '<option value="'.$bulan[$i].'">'.$bulan[$i].'</option>';
}
?>
</select>
<select name="tahun">
<?php
for($tahun=1991; $tahun<2010; $tahun++){
echo "<option value=".$tahun.">$tahun</option>";
}
?>
</select>
</td>
</tr>
<tr>
<td><b>Umur</b></td>
<td>:</td>
<td><select name="umur">
<option value="0 - 29"> U-30 </option>
<option value="30 - 60"> Antara 30 - 60 </option>
<option value="60+"> Diatas 60 </option>
</select>
</td>
</tr>
<tr>
<td><b>Komentar</b></td>
<td>:</td>
<td><textarea cols="30" rows="4" name="komentar"></textarea></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td><input type="submit" name="Submit" value="Submit"/></td>
</tr>
</table>
</td>
</tr>
</table>
</form>
</body>
</html>
6. Buat kembali file baru
dengan langkah yang sama seperti langkah ke-3.
7. Beri nama file tersebut sesuai nama file pada tag form tepatnya komponen action, agar file layout terhubung dengan file action. (Perhatikan gambar berikut).
8. Ketikkan
script berikut.
<!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>Welcome</title>
</head>
<body>
<?php
echo "<font color= black face='Calibri'>";
$nama = $_POST['nama'];
$tempat = $_POST['tempat'];
$hari = $_POST['hari'];
$bulan = $_POST['bulan'];
$tahun = $_POST['tahun'];
$email = $_POST['email'];
$gender = $_POST['jk'];
$umur = $_POST['umur'];
$komentar = $_POST['komentar'];
if($nama=='' || $tempat==''|| $email==''|| $gender==''|| $komentar==''){
echo"<h2> Maaf data anda kurang lengkap</h2>";
}else{
if($gender=="L"){
echo "<h2>Selamat datang, <b>Saudara ".$nama."</b> <br/> </h2>";
} else {
echo "<h2>Selamat datang, <b>Saudari ".$nama."</b> <br/> </h2>";}
}
echo "==========================================<br>";
echo "<b>Nama</b> : $nama <br><br>";
echo "<b>Tempat, Tanggal Lahir</b> : $tempat, $hari $bulan $tahun <br><br>";
echo "<b>Email</b> : $email <br><br>";
echo "<b>Gender</b> : $gender <br><br>";
echo "<b>Umur</b> : $umur <br><br>";
echo "<b>Komentar</b> : <br>";
echo $komentar;
echo "<br>";
echo "<br>";
echo "===============================================<br>";
echo "<h2><b>Terima kasih atas komentar anda :)</b></h2>";
echo "===============================================<br>";
?>
</body>
</html>
9. Jalankan pada browser menggunakan
alamat localhost, seperti berikut.
10. Jika
data terisi lengkap maka, akan muncul pergantian tab seperti berikut, setelah
data di-submit.
11. Anda juga dapat mencoba men-submit input data yang tidak lengkap seperti berikut.
12. Jika data tidak terisi lengkap maka, akan muncul pergantian tab seperti berikut, setelah data di-submit.
Sekian,
terima kasih. Semoga bermanfaat, selamat mencoba :)
0 komentar:
Posting Komentar