Praktik PHP 4, Membuat Form biodata

Kita akan belajar membuat form input biodata dengan PHP, berikut langkahnya....
1. Buat File baru bernama index.php, masukkan scriptnya,
<html>
<head>
<title>Formulir</title>

<script type="text/javascript">
function cekdata()
{
   // Cek nis
   if (formtambah.nis.value=="")
   {
      alert("NIS tidak boleh kosong");
 formtambah.nis.focus();
 return false;
   }

   if (formtambah.nis.value.length != 8)
   {
      alert("NIS harus berupa 8 digit");
 formtambah.nis.focus();
 return false;
   }
       
   // Cek nama
   if (formtambah.nama.value=="")
   {
      alert("Nama tidak boleh kosong");
 formtambah.nama.focus();
 return false;
   }
   
   // Cek umur
   if (formtambah.umur.value=="")
   {
      alert("Umur tidak boleh kosong");
 formtambah.umur.focus();
 return false;
   } 

   return true;
}
</script>

</head>

<body>
<h1>Formulir</h1>
<form name="formtambah" action="script.php" method="post" onsubmit="return cekdata()">
  <table border="1" bgcolor="silver">
    <tr> 
      <td>Nama</td>
      <td>
<input name="nama" type="text" size="50" maxlength="50"></td>
    </tr>
    <tr> 
      <td>NIS</td>
      <td>
<input name="nis" type="text" size="15" maxlength="15"></td>
    </tr>
    <tr> 
      <td>Umur</td>
      <td>
<input name="umur" type="text" size="10" maxlength="10"></td>
    </tr>
    <tr> 
      <td>Jenis Kelamin</td>
      <td>
<input name="gender" type="radio" value="L" checked >
        Pria
<input name="gender" type="radio" value="P" >
        Wanita</td>
    </tr>
    <tr>
        <td><b>Komentar</b></td>
        <td><textarea name="komentar" cols="30" rows="5"></textarea></td>
    </tr>
    <tr> 
      <td colspan="2"><input name="buttonsimpan" type="submit" value="Simpan"></td>
    </tr>
  </table>

  </form>
  

</body>
</html>
2. Langkah kedua adalah buat file baru yanng bernama Script.php, berikut scriptnya....
 <?php
  //membuat variable
  $nama=$_REQUEST["nama"];
  $nis=$_REQUEST['nis'];
  $gender=$_REQUEST['gender'];
  $umur=$_REQUEST['umur'];
  $komentar=$_REQUEST['komentar'];
  
  if($gender=='L'){
    echo "Selamat Datang Saudara, ".$nama;
  }
  else {
    echo "Selamat Datang Saudari, ".$nama;
  }
  echo " Terimakasih atas komentar anda<br>";
  echo "Nama : $nama<br>";
  echo "NIS : $nis<br>";
  echo "Gender : $gender<br>";
  echo "Umur : $umur<br>";
  echo "Komentar : $komentar<br>";
  ?>
Berikut tampilan awalnya...











Dan inilah tampilan setelah kita klik tombol simpan....


Selamat Mencoba........ :)

0 comments:

Copyright © 2013 Laptop Corner and Blogger Templates - Anime OST.