Membuat Form Tambah Murid

 

Pembuatan Kode

Bukalah file a2fahmi-absensi-siswa.php lalu tambahkan fungsi dibawah ini:

function form_murid(){

echo "<div style='width:35%;text-align:center'><h1 >Form Input Murid</h1></div>";

$form= '

    <form action="' . plugins_url('simpan_murid.php', __FILE__) . '" method="post" class="myForm">

<div class="grid-container">

    <div class="grid-item">

    <label for="nis">NIS </label>

</div>

<div class="grid-item">

    <input type="text" name="nis" >

    </div>

  <div class="grid-item">

    <label for="nama">Nama Siswa </label>

</div>

  <div class="grid-item">

    <input type="text" name="nama" >

    </div>

  <div class="grid-item">

    <label for="jkel">Jenis Kelamin</label>

</div>

  <div class="grid-item">

    <input type="radio" name="jkel" value="L">Laki-laki&nbsp;&nbsp;&nbsp;

<input type="radio" name="jkel" value="P">Perempuan

    </div>

<div class="grid-item">

    <label for="kelas">Kelas</label>

</div>

  <div class="grid-item">

<select name="kelas">';

 

global $wpdb;

$data = $wpdb->get_results("SELECT * FROM kelas");

 

foreach($data as $kunci=>$gembok){

$form.='<option value='.$gembok->nama.'>'.$gembok->nama.'</option>';

}

 

$form.='</select>

    </div>

  <div class="grid-item">

<label for="tgl_lahir">Tanggal Lahir</label>

</div>

  <div class="grid-item">

  <input type="text" name="tgl_lahir" > hari-bulan-tahun

    </div>

   <div class="grid-item">

    <label for="alamat">Alamat</label>

</div>

  <div class="grid-item">

    <textarea name="alamat" rows="3" cols="20"></textarea>

    </div>

</div>

     <div style="width:35%;text-align:center">

<input type="submit" name="submit" value="Simpan"/>

</div>

 

    </form> ';

echo $form;

}

Keterangan:

 plugins_url('simpan_murid.php', __FILE__), kode plugin_url() ini merujuk ke lokasi pluginmu.

 

Pembuatan kode CSS

Letakkan kode css berikut ini diatas kode awal php yaitu diatas tag pembuka php:

<style>

.grid-container {

  display: grid;

  grid-template-columns: 30% auto;

  padding: 10px;

  width:35%;

}

.grid-item {

  background-color: rgba(255, 255, 255, 0.8);

  padding: 5px;

  font-size: 12px;

  }

</style>

 

Pembuatan File simpan_murid

Buatlah file simpan_murid.php dalam folder a2fahmi-absensi-siswa dan masukkan kode berikut ini:

<?php

$path = $_SERVER['DOCUMENT_ROOT'];

include_once $path . '/wp-load.php';

global $wpdb;

$nis=$_POST['nis'];

$nama=$_POST['nama'];

$jenis_kelamin=$_POST['jkel'];

$kelas=$_POST['kelas'];

$tgl_lahir=$_POST['tgl_lahir'];

$alamat=$_POST['alamat'];

if($nis<>''){

 echo "<pre>";

 print_r($_POST);

 echo "</pre>";

}else{

echo 'Lengkapi datamu<br />';

}

$location = $_SERVER['HTTP_REFERER'];

echo '<a href='.$location.'>Kembali</a>';

Keterangan:

  • include_once $path . '/wp-load.php', kode ini digunakan agar kita bisa menggunakan $wpdb
  • $_SERVER['HTTP_REFERER'] adalah Halaman web sebelumnya

Perubahan Fungsi tambah_murid

Rubahlah fungsi tambah_murid menjadi seperti dibawah ini:

function tambah_murid(){

form_murid();

}

Hasil:

 

Isilah form diatas lalu tekan tombol Simpan

 

Penutup

Sekian dan terima kasih

 

2016 © Fahmi Basya Kartapura