Belajar Php Php Php Dan MySQL

Cara Membuat Form Input Data di Php Secara Lengkap dan Benar

Ada seorang teman ketika kuliah dahulu, dia lagi belajar membuat form untuk mengimput data kedalam database, dia ketika membuat tanpa bertanya terlebih dahulu, dia membuat halaman untuk input data, di form tersebut ada nama, tanggal lahir, alamat, jenis kelamin. nah setelah selesai dia buat halaman input data tersebut dia tunjukan ke saya, dan saya cuman bengong aja liatnya, kenapa? karena salahkah, karena jelek atau apa? hehehe

bukan karena apa-apa kok, saya hanya heran saja karena kawan tersebut membuat form input data yang begitu lengkap, ada nama, tanggal lahir, alamat, jenis kelamin. semuanya sudah betul dan benar, kesalahanya cuma sedikit yaitu type nya.

Sebelum belajar mempelajari tutorial ini sebaiknya anda sudah belajar tutorial html dasar

contoh dia membuat nama kemudian di kotak inputnya dia buat seperti ini  <td><input name="nama" type="text" id="nama" size="30" maxlength="30"></td> ini sudah benar, namun sayangnya ketika dia membuat tanggal lahir malah dia buat typenya “text” ini kan salah besar. dan dia juga membuat tanggal lahir bertype “text” ini kan salah juga.

seharusnya dalam membuat form input data perlu kita perhatikan dari type nya. misalnya input nama kita buat text, namun jika input tanggal lahir kita buat select, ketika kita membuat input jenis kelamin kita buat radio button atau select didalam combobox.

oke berikut kita akan membuat form input data secara lengkap dan jelas, dimualai dari nama, alamat, jenis kelamin, tanggal lahir, dan type datanya nanti ada text, textarea, combobox, radio button.

perlu saya beritahu tutorial ini nanti akan berlanjut sampai edit, hapus, tampil data, kita akan pelajari di tutorial selanjutnya. jadi tutorial ini merupakan tutorial awal kita.

pertama buat sebuah folder di htdocs anda, nama foldernya phpmysql

kemudian buka text editor anda dan copas script form input data berikut ini

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Entry Mahasiswa</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
  <form action="simpan-data-mahasiswa.php" method="post" enctype="multipart/form-data" name="FMHS">
    <table width="452" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#666666">
      <tr>
        <td height="40" align="center" bgcolor="#009999"><strong><font color="#FFFFFF">FORM INPUT DATA </font></strong></td>
      </tr>
      <tr>
        <td bgcolor="#FFFFFF"><table width="452" border="0" align="center" cellpadding="5" cellspacing="0">
            <tr>
              <td width="113">NIM</td>
              <td width="11">:</td>
              <td width="237"><input name="nim" type="text" id="nim" size="12" maxlength="12"></td>
            </tr>
            <tr>
              <td>Nama</td>
              <td>:</td>
              <td><input name="nama" type="text" id="nama" size="30" maxlength="30"></td>
            </tr>
            <tr>
              <td>Tempat Lahir</td>
              <td>:</td>
              <td><input name="tempat_lahir" type="text" id="tempat_lahir" size="30" maxlength="30"></td>
            </tr>
            <tr>
              <td>Tanggal Lahir</td>
              <td>:</td>
              <td><select name="tgl" size="1" id="tgl">
                  <?
		     for ($i=1;$i<=31;$i++)
			 {
			   echo "<option value=".$i.">".$i."</option>";
			 }
		  ?>
                </select>
                <select name="bln" size="1" id="bln">
                  <?
		     $bulan=array("","Januari","Pebruari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember");
		     for ($i=1;$i<=12;$i++)
			 {
			   echo "<option value=".$i.">".$bulan[$i]."</option>";
			 }
		  ?>
                </select>
                <select name="thn" size="1" id="thn">
                  <?
		     for ($i=1985;$i<=2000;$i++)
			 {
			   echo "<option value=".$i.">".$i."</option>";
			 }
		  ?>
              </select></td>
            </tr>
            <tr>
              <td>Alamat</td>
              <td>:</td>
              <td><textarea name="alamat" cols="30" rows="5" id="alamat"></textarea></td>
            </tr>
            <tr>
              <td>Jenis Kelamin</td>
              <td>:</td>
              <td><input name="jenis_kelamin" type="radio" value="L" checked>
                Laki-laki
                <input name="jenis_kelamin" type="radio" value="P">
                Perempuan </td>
            </tr>
            <tr>
              <td>Photo</td>
              <td>:</td>
              <td><input type="file" name="photo" id="photo"></td>
            </tr>
            <tr>
              <td colspan="3" align="center"><input name="fok" type="submit" id="fok" value="OK">
                <input name="fulang" type="reset" id="fulang" value="Ulangi">
                <input name="fulang2" type="button" id="fulang2" value="Batal" onClick="javascript:history.back()"></td>
            </tr>
        </table></td>
      </tr>
    </table>
  </form>
</body>
</html>

simpan dengan nama form-input.php

buka di localhost anda localhost/phpmysql/form-input.php

nanti akan tampil seperti gambar berikut

dari script form input data di ph tersebut adalah pada script ini

<input name="nama" type="text" id="nama" size="30" maxlength="30"> nah script ini adalah untuk membuat inputan nama jadi type datanya text. berbeda dengan alamat, dimana alamat biasanya lebih panjang maka disini saya buat type datanya yaitu textarea.

sekarang coba lihat script  <td><select name="tgl" size="1" id="tgl"> ini merupakan inputan tanggal, ketika kita mau input data tanggal lahir kita pilih tanggal didalam combobox. berbeda lagi dengan inputan di jenis kelamin  <input name="jenis_kelamin" type="radio" value="L" checked> di inputan jenis kelamin ini saya memakai radio button. kemudian untuk inputan photo kita pakai type file seperti ini  <td><input type="file" name="photo" id="photo"></td>

Kesimpulan

Membuat form memanglah sangat mudah namun perlu diperhatikan type datanya, jangan asal buat saja, perhatikan aturan penulisannya jika kita akan input text maka typenya buat text, namun jika inputan tanggal kita buat typenya tanggal, jangan text semuanya ya. hehehe

sekian tutorial kita tentang Cara Membuat Form Input Data di Php Secara Lengkap dan Benar semoga bermanfaat

membuat form input data dengan php mysql, contoh codingan terlengkap form dengan menggunakan php, tutor membuat input form dan menginput data di php ke mysql, kodingan php mysql untuk tanggal lahir, Kode php untuk menginput data, input data diri menggunakan php, form input data keren, cara membuat tampilan form biodata mahasiswa yang bagus di php, cara membuat tambah data php, cara membuat form biodata dengan php

About the author

adies

6 Comments

Ada Komentar?

×