Membuat Form Input dan Output Sederhana dengan PHP

Pada artikel kali ini saya ingin memberikan sebuah tutorial bagaimana caranya untuk Membuat Form Input dan Output dengan PHP Tanpa Database.

Apa itu Form ? Dalam sebuah website form biasanya berfungsi untuk menerima inputan data dari user atau visitor website kemudian data tersebut akan tersimpan dan akan tampil kembali jika kita butuhkan. Bentuk form pada umumnya adalah sebuah interface yang berfungsi mengumpulkan data usernya.

Sebuah form input output biasa menggunakan database sebagai penyimpan datanya. Namun pada tutorial sederhana ini saya akan menggunakan sebuah Array sebagai pengganti database yang berfungsi untuk menyimpan data secara sementara.

Tanpa panjang lebar langsung saja ke tutorialnya.

Cara Membuat Form Input dan Output Sederhana dengan PHP

  • Bukalah software text editor kalian.
  • Pertama kita akan membuat sebuah tampilan form input terlebih dahulu
<html>
 <form method="POST" name="frmpost" action="">
  <table align="center" border="1" cellpadding="0" cellspacing="0"> 
    <tr align="center"><td><h2> <b>Masukan Biodata Kalian</b></h2></td></tr>
    <tr> 
      <td>
      <table width="450" border="0" cellpadding="0" cellspacing="10" align="center">
        <tr>
          <td>Nama</td>
          <td> : </td>
          <td><input name="nama[]" type="text" size="40" /></td>
        </tr>
        <tr>
          <td>Tempat Tgl Lahir</td>
          <td> : </td>
          <td><input name="tgl[]" type="text" size="40" /></td>
        </tr>
        <tr>
          <td>Jenis Kelamin</td>
          <td> : </td>
          <td>
            <input type="radio" name="jk" value="Laki - Laki"><label for="laki">Laki - Laki</label>
            <input type="radio" name="jk" value="Perempuan"><label for="Perempuan">Perempuan</label>
          </td>
        </tr>
        <tr>
          <td>Hobi</td>
          <td> : </td>
          <td><input name="hobi[]" type="text" size="40" /></td>
        </tr>
        <tr>
          <td   colspan="4" align="center"><input type="submit" name="btnOk" value="Simpan" /></td>
        </tr>
      </table>
      </td>
    </tr>
  </table>
</form>
</html>

Catatan : Pada bagian atas pembuatan form menggunakan method POST yang berfungsi mengirimkan data secara langsung berbeda dengan method GET yang berfungsi untuk mengirimkan data tidak langsung sehingga data terlihat di URL. Yang mana tgl[ ] merupakan variabel array yang berfungsi untuk menyimpan data. Dan nantinya akan kita panggil kembali ketika data tersebut kita butuhkan.

  • Dan tampilannya akan seperti gambar berikut ini
Membuat Form Input Output dengan PHP
  • Selanjutnya tambahkan kode di bawah ini tepat di atas </html> untuk memanggil dan menyimpan data form input dengan menggunakan Array, serta juga membuat tampilan Output datanya
<center>
<table border="1" cellpadding="2" cellspacing="4">
  <?php
  $nama = $_POST['nama'];
  $tgl = $_POST['tgl'];
  $jk = $_POST['jk'];
  $hobi = $_POST['hobi'];

  foreach($nama as $key => $val){
  ?>
  
  <tr>
    <td align="center" colspan="2">
      <?php 
      echo '<b>Hasil Biodata yang di Inputkan</b><br>';?>   
    </td>
  </tr>
  <tr>
    <td><?php echo 'Nama'?></td>
    <td><?php echo $nama[$key];?></td>
  </tr>
  <tr>
    <td><?php echo 'Tempat Tanggal Lahir';?></td>
    <td><?php echo $tgl[$key];?></td>
  </tr>
  <tr>
    <td><?php echo 'Jenis Kelamin';?></td>
    <td><?php echo $jk;?></td>
  </tr>
  <tr>
    <td><?php echo 'Hobi';?></td>
    <td><?php echo $hobi[$key];?></td>
  </tr>
  <?php 
    }
   ?>
</table>
</center>
</html>
</div>

Catatan : Terlihat diatas $nama = $_POST[‘nama’]; perintah tersebut bisa anda gunakan sebagai pemanggilan method post yang telah anda buat tadi kemudian inisialisasikan kembali menggunakan PHP. Kemudian fungsi dari Foreach disana digunakan untuk perulangan yang datanya berupa Array, dan nantinya perulangan tersebut akan dipanggil dengan menggunakan echo $nama[$key];.

  • Dan berikut adalah tampilan outputnya ketika anda menginputkan datanya

Mungkin segitu saja tutorial dari saya tentang Cara Membuat Form Input dan Output Sederhana dengan PHP Tanpa Database semoga bermanfaat, dan jangan lupa untuk share artikel ini kepada yang membutuhkan.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *