Pages

Powered by Blogger.

Saturday, March 29, 2014

Membuat Formulir Pendaftaran Menggunakan PHP

Ini merupakan tutorial pembuatan formulir pendaftaran menggunakan PHP, bukan Pemberi Harapan Palsu lho yah :D
Oke, langsung saja..
  1. Untuk membuat formulir ini, siapkan notepad++, sublime, atau bisa juga menggunakan dreameweaver.
  2. Lalu save as file ini dalam xampp\htdocs. Misal nama filenya formulir.php
  3. Definisikan syntax html, head, dan body nya..
  4. karena kita akan membuat file dalam 1 file yaitu file .php saja, maka source code html, php dan css nya dimasukkan dalam file yang sama, misalnya formulir.php tadi
  5. Sepenggal source code untuk css nya















     
       




                    Sehingga tampilan interface nya seperti ini


          Bagaimana?
          Ini tampilan yang masih sederhana..

          Untuk Nama dan Nim, saya menggunakan Type masukan berupa text field dengan syntax:
          <tr>
<td> Nama </td>
<td colspan="2"> : <input name="nama" type="text" size="40">
</td>
        </tr>
        <tr>
<td> Nim </td>
<td colspan="2"> : <input name="nim" type="text" size="40" autocomplete="off">
</td>
        </tr>

           Untuk Fakultas/ program, saya menggunakan type masukan berupa combo box, dengan syntax:
           <tr>
<td> Fakultas/Program </td>
<td colspan="2"> : <select name="fak">
                            <option>-Select-</option>
                            <option>(diisi dengan nama fakultas/program) </option>
                                                      :
                                                           :
               </select>
         </tr>
          
           Untuk Jurusan atau program studi, saya menggunakan datalist. Dengan syntax:
           <tr>
                   <td> Jurusan/Program Studi </td>
<td colspan="2"> : 
<input list ="jurusan" name="jurusan" size="40" autocomplete="off" />
<datalist id = "jurusan"> 
<option value="Ilmu Hukum">
                                             :
                    </datalist></td>
           </tr>

           Pada Alamat, menggunakan text area, dengan syntax:
           <tr>
<td valign="top"> Alamat </td>
<td width="2" valign="top"> : </td>
<td valign="top"><textarea name="alamat" width=200 cols="30" rows="4"></textarea>
</td>
          </tr>

            E-mail menggunakan type email, dengan syntax:
            <tr>
<td> Email </td>
<td colspan="2"> : <input name="email" type="email" size="40" autocomplete="off">
</td>
          </tr>

           Karena formulir harus diisi lengkap, maka tambahkan ini didalam php:
           if(!empty($nama) and !empty($nim) and !empty($fak) and !empty($jurusan) and !empty($alamat)                and !empty($email) and !empty($judul) and !empty($puisi)
           and (validasi_email($_POST['email'])))
           {
           }else{
            echo "<script>alert('Silahkan isi biodata dengan lengkap! dan Masukkan alamat email yang valid!')                </script>";
            }
            Jika Tidak diisi, maka akan ditampilkan:

            

            Sehingga jika program ini sudah jadi, hasilnya adalah:


              Formulirnya sudah jadi..
              Sekian dari saya, terima kasih :)




No comments:

Post a Comment

 

Blogger news

Blogroll

About