May 22, 2015

cara membuat form input data php

Bekerja dengan form php dan mysql

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ الرَّحِيم

Bekerja dengan form php dan mysql. Hay hay sobat, kali ini saya akan membagikan tutorial tentang  cara membuat form. Dan akan memnggunakan form untuk menginput data ke database mysql, yang tentunya menggunakan php. Form merupakan peranan yang sangat penting untuk penginputan data ke database, atau untuk mengubah data, atau untuk login menggunaan data dari database. Oke, langsung ikuti tutorialnya ya sob.

1. Buat sebuah database dengan nama db_sekolah. Lalu buat sebuah tabel dengan nama tb_siswa. dengan field seperti berikut :


nis varchar(11)
nama varchar(25)
alamat text
tgl_lahir date
jk varchar(1)

2. Setelah pembuatan database berhasil, sekarang buatlah sebuah koneksi dengan nama koneksi.php.


3. Setelah membuat koneksi, sekarang saatnya membuat form. Ketikan kode berikut pada text editor kesukaan sobat.

<table cellpadding="8" align="center">
 <form action="input.php" method="post">
 <tr>
  <td><label>NIS :</label></td>
      <td><input placeholder="NIS" type="text" maxlength="11" name="nis" /></td>
 </tr>
 <tr>
  <td><label>Nama :</label></td>
      <td><input placeholder="Nama lengkap" type="text" name="nama" /></td>
 </tr>
 <tr>
  <td><label>Alamat :</label></td>
     <td><textarea placeholder="Alamat lengkap" name="alamat"></textarea></td>
 </tr>
 <tr>
  <td><label>Tanggal lahir :</label></td>
      <td><select name="tgl">
   <?php
    for($x=1; $x<=31; $x++)
    {
     if($x<=9)
     {
      echo "<option value='0$x'>0$x</option>";
     }else{
                echo "<option value='$x'>$x</option>";
     }
    }
   ?>
   </select> /
   <select name="bln">
   <?php
    $bulan = array(1=>"Januari", "Februari", "Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September", "Oktober", "Nofember", "Desember");
    for($b=1; $b<=12; $b++)
       {
                    if($b<=9)
                    {
                     echo "<option value='0$b'>$bulan[$b]</option>";
                    }else{
             echo "<option value='$b'>$bulan[$b]</option>";
                    }
       }
   ?>
   </select> /
   <select name="thn">
   <?php
   $thun = date("Y");
    for($t=1995; $t<=$thun; $t++)
        {
            echo "<option value='$t'>$t</option>";
      }
   ?>
   </select>
            </td>
  </tr>
  <tr>
   <td><label>Jenis kelamin :</label></td>
   <td><input value="L" type="radio" name="jk" />Laki-laki<br /><input type="radio" value="P" name="jk" />Perempuan</td>
  </tr>
         <tr>
          <td><input type="submit" name="kirim" value="Kirim" /></td>
              <td><input type="reset" name="batal" value="Batal" /></td>
         </tr>
 </form>
</table>

Buat sebuah folder di c:\xampp\htdoc. contoh : "sekolah". simpan file tadi dengan nama form.php.
Buka browser kesayangan sobat, dan ketikan localhost/sekolah/form.php. Dan akan tampak seperti pada gambar berikut.
form input

Catatan : Pastikan xampp sudah berjalan



Pusing ? Ini penjelasannya..

<table cellpadding="8" align="center"> coding untuk membuat tabel, supaya form lebih terlihat rapih

<form action="input.php" method="post">...</form> Merupakan cangkang dari form

<tr>..</tr> dan <td>..</td> merupakan baris dan kolom

<input type="text">... Berarti membuat sebuah kolom input bertipe text. Lihat pada gambar diatas! Contohnya adaah nis dan nama.

<textarea>..</textarea> Membuat sebuah kolom untuk menampung text yang banyak. Lihat kolom alamat pada gambar!

<select name="tgl">
<?php
 for($x=1; $x<=31; $x++)
 {
  if($x<=9)
  {
   echo "<option value='0$x'>0$x</option>";
  }else{
   echo "<option value='$x'>$x</option>";
  }
 }
?>
</select>
Yang satu ini merupakan kode php. Untuk membuat tiga buah select, yaitu untuk tanggal dengan name="tgl", bulan dengan name="bln" dan tahun dengan name="thn"

Lihat pada kolom tanggal diatas.

<input type="radio">... Berarti membuat radiobuttom dengan dua pilihan, yaitu laki-laki dan perempuan.

<input type="submit"> dan <input type="reset"> adalah untuk membuat tombol kirim dan tombol batal

Sudah cukup jelas bukan? Jika kurang jelas, silahkan tanyakan di kolom komentar!

Sekarang menuju ke langkah ke 4, yaitu membuat file input.php seperti yang tertera pada method form diatas. Mungkin akan terlalu panjang jika dijelaskan disini. Untuk membuat input.php Silahkan baca di artikel berikut : Cara membuat input.php

Heri Lesmana, seorang manusia biasa yang memiliki begitu banyak keterbatasan. Menyukai programing ( ngoding ) terutama PHP. Bermimpi ingin kuliah di Informatika ITB atau Ilkom Ui.

1 comment:

  1. This comment has been removed by a blog administrator.

    ReplyDelete