Cara Membuat Form Input dan Output Sederhana dengan PHP Tanpa Database

Halo sob jumpa kembali, kali ini saya ingin memberikan sebuah tutorial bagaimana caranya untuk Membuat Form Input dan Output dengan PHP Tanpa Database.

Apa itu Form ? Di dalam sebuah website form biasanya digunakan untuk menerima inputan data dari user atau visitor website kemudian data tersebut akan disimpan atau akan ditampilkan kembali jika dibutuhkan.

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.

Daftar isi : hide

Cara Membuat Form Input dan Output Sederhana dengan PHP Tanpa Database

Memanggil dan menyimpan data form input dengan menggunakan Array

Cara Membuat Form Input dan Output Sederhana dengan PHP Tanpa Database

Langkah #1

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 : Diatas 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.

<input&gt merupakan elemen html yang digunakan untuk menunjukkan sebuah inputan (masukkan) dalam bentuk kotak yang dapat diketik atau diedit untuk diisi data tertentu, seperti contoh penggunaan input diatas <input nama=tgl[ ]> dimana tgl[ ] merupakan variabel array yang berfungsi untuk menyimpan data, dan nantinya akan dipanggil kembali ketika data tersebut dibutuhkan.

Dan tampilannya akan seperti gambar dibawah

Cara Membuat Form Input dan Output Sederhana dengan PHP Tanpa Database

Memanggil dan menyimpan data form input dengan menggunakan Array

Langkah #2

Selanjutnya tambahkan kode dibawah ini tepat diatas </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>

Terlihat diatas $nama = $_POST[‘nama’]; perintah tersebut digunakan sebagai pemanggilan method post yang telah dibuat tadi kemudian diinisialisasikan 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

Seperti inilah tampilan ketika data inputan dimasukan.

Mungkin segitu saja tutorial dari saya tentang Cara Membuat Form Input dan Output Sederhana dengan PHP Tanpa Database semoga bermanfaat, dan jangan lupa untuk membaca artikel lainnya tentang dunia pemrograman.

Baca Juga :