Minggu, 06 Oktober 2013

Praktikum PHP #4

#Conditional, Array & Perulangan

Assalamualaikum...
Kali ini saya akan membuat tutorial tentang pengisian form menggunakan Adobe Dreamweaver CS6 :)
Ini langkah-langkahnya:

Membuat form.php

1. Seperti biasa, buka adobe dreamweaver anda.

2. Buat new file pada PraktikumPHP21. Di bagian sebelah kanan, terdapat folder PraktikumPHP21. Klik kanan, lalu pilih new file. Beri nama form(php4).php


3. Tuliskan 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>Praktik PHP 4</title>
</head>

<body>
<form action="action(php4).php" method="post" name="form1">
<table border="1" width="400" height="200" Style='border-radius:10px;border-color:white;'>
    <tr>
        <td colspan="3"><center><strong>FORMULIR DATA DIRI</strong></center></td>
    </tr>
    <tr>
        <td width="500"> Nama Lengkap </td>
        <td width="1"><center>:</center></td>
        <td><input  type='text' name="nama"></td>
    </tr>
     <tr>
        <td> Email </td>
        <td width="1"><center>:</center></td>
        <td><input  type='text' name="email"></td>
    </tr>
    <tr>
        <td> Nama Panggilan</td>
        <td><center>:</center></td>
        <td>
            &nbsp;Laki-Laki<input type="radio" value="L" name="gender"/>
            &nbsp;Perempuan<input type="radio" value="P" name="gender"/>
        </td>
    </tr>
    <tr>
        <td>Tempat Lahir</td>
        <td><center>:</center></td>
        <td><input type='text' name="tempat"></td>
    </tr>
    <tr>
        <td>Tanggal Lahir</td>
        <td><center>:</center></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=1995; $tahun<2010; $tahun++){
    echo "<option value=\"$tahun\">$tahun</option>";
}
echo '</select>';
?>

</td>
    </tr>
    <tr>
        <td>Umur</td>
        <td><center>:</center></td>
        <td>
            <select name="umur" >
                <option value="0-29">Di bawah 30 tahun</option>
                <option value="30-60">Antara 30 s/d 60 tahun</option>
                <option value="60++">Di atas 60 tahun</option>
            </select>
        </td>
    </tr>
    <tr>
        <td>Komentar</td>
        <td><center>:</center></td>
        <td>
                <textarea cols="28" rows="4" name="komentar"></textarea>
        </td>
    </tr>
    <tr>
        <td colspan="3"><center><button type="reset" value="Refresh" ONCLICK="history.go(0)">&nbsp;Reset&nbsp;</button>
        <button type="submit" name="submit">&nbsp;Kirim&nbsp;</button></center>
        </td>       
    </tr>
</table>

</form>

</body>
</html></span>

</body>
</html>

4. Setelah itu tekan Ctrl+S untuk menyimpan hasil kerja anda.

Membuat action.php

1. Buat new file lagi, klik kanan pada 'Site - PraktikumPHP21', lalu new file. Beri nama action(php4).php


2. Tuliskan 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>Hasil</title>
</head>

<body><span style="font-family: Courier New, Courier, monospace;"><title>Hasil</title>
<?php
$nama=$_REQUEST['nama'];
$email=$_REQUEST['email'];
$gender=$_REQUEST['gender'];
$tempat=$_REQUEST['tempat'];
$hari=$_REQUEST['hari'];
$bulan=$_REQUEST['bulan'];
$tahun=$_REQUEST['tahun'];
$umur=$_REQUEST['umur'];
$komentar=$_REQUEST['komentar'];

if($nama=="" || $gender=="")
{
    echo'<h3>Maaf, Data Kurang Lengkap</h3>';
}
else
{
    if($gender=='L'){
        echo'<h3>Selamat Datang Saudara, '.$nama.'</h3>';}
    else{
        echo'<h3>Selamat Datang Saudari, '.$nama.'</h3>';}
}

print ("
<table width='800'><tr><td>
<form   >
 <fieldset >
  <legend><b>DATA DIRI $nama </b></legend>
      <table>
        <tr>
            <td>Nama Lengkap</td><td>:</td><td>$nama</td>
        </tr>
            <tr>
            <td>Email</td><td>:</td><td>$email</td>
        </tr>
        <tr>
            <td>Jenis Kelamin</td><td>:</td><td>$gender</td>
        </tr>
        <tr>
            <td>Tempat Lahir</td><td>:</td><td>$tempat</td>
        </tr>
        <tr>
            <td>Tanggal lahir</td><td>:</td><td>$hari - $bulan - $tahun</td>
        </tr>
        <tr>
            <td>Umur</td><td>:</td><td>$umur</td>
        </tr>
        <tr>
            <td>Komentar</td><td>:</td><td>$komentar</td>
        </tr>
    </table>
 </fieldset>
</form>
</td></tr></table>
");

?></span>


</body>
</html>

3. Setelah itu tekan Ctrl+S untuk menyimpan hasil kerja anda.

Sekarang, saatnya menjalankan kedua script yang telah anda tulis.
Pertama, buka browser external (chrome/firefox) lalu ketikkan http://localhost/PraktikumPHP21/form(php4).php
Inilah hasilnya ketika anda buka :


Lalu, isikan data diri anda dalam form tersebut .


Setelah itu, klik tombol Kirim, akan muncul hasilnya pada action(php4).php


Selamat mencoba, semoga bermanfaat :)

Tidak ada komentar:

Posting Komentar