BELAJAR MEMBUAT FORMULIR PHP tanpa DATABASE
Dalam tutorial ini kita akan membuat aplikasi PHP sederhana untuk membuat formulir pendafaran sederhana bagi yang masih pemula.
Kita akan membuat sebuah aplikasi dengan tampilan seperti pada gambar di bawah dengan sebuah form resume yang menampilkan data dari formulir di sisi frontend. Terdapat button kirim untuk mengirim data yang ada di formulir lewat antarmuka yang kita buat. Untuk editornya saya mengunakan sublime-text.
LANGKAH — LANGKAH MEMBUAT FORMULIR
Buat File formulir.php
Untuk pembuatan form input data saya menggunakan nama formulir.php. Isi dari file formulir.php adalah form yang sesuai dengan field-field yang dibutuhkan seperti, nama, jenis kelamin ,alamat, pendidikan terakhir, tahun lulus dan gelombang pedaftaran. Berikut kode untuk membuat form :
Pada kode form di atas menggunakan method post, dan memiliki atribut action yang mengarah ke file prosesformulir.php yang mana file prosesformulir.php berguna untuk melakukan proses simpan data yang selanjutnya akan ditampilkan sebagai resume input data.
Validasi Form
Sebelum data hasil inputan disimpan, maka perlu dilakukan validasi terlebih dahulu. Tujuannya supaya data yang berhasil disimpan adalah data yang valid sesuai apa yang diharapkan. Ada beberapa yang perlu divalidasi untuk form di atas, seperti :
1. Field nama lengkap hanya boleh diisikan huruf alfabet dan spasi.
2. Jenis Kelamin menggunakan radio button agar bisa dipilih salah satu case.
3. Field alamat rumah menggunakan text area (agar user bisa mengisikan alamat lengkap dimana field ini bisa diisi dengan huruf alfabet, spasi, angka).
4. Pendidikan terakhir menggunakan select view (agar user hanya bisa memilih option yang telah disediakan) begitu pula dengan tahun lulus yang disediakan dalam rentang tahun tertentu.
5. Untuk Gelombang Pendaftaran digunakan radio button dengan option seperti yang telah ditentukan.
6. Semua field pada form tersebut tidak boleh kosong.
Ketika button “kirim” di klik maka data yang telah dimasukkan akan di proses pada file prosesformulir.php dan kemudian ditampilkan dalam bentuk resume data.
Buat File prosesformulir.php
Fungsi dari form ini untuk menampilkan data yang telah dimasukkan oleh user ke masing — masing field. Dari awal baris di file ini terdapat kode untuk mengambil data dari inputan formulir menggunakan id pada setiap field. Sedangkan untuk memproses radio button jenis kelamin dan gelombang pendaftaran maka digunakan pengondisian menggunakan if…else dan if… else if. Untuk memproses option select view pada field Pendidikan Terakhir menggunakan switch case. Berikut kodenya :
Setelah melakukan proses pengambilan data, selanjutnya data yang telah diisikan akan ditampilkan kembali pada halaman yang dibuka.
Kode Lengkap nya dari File formulir.php
<html>
<head>
<title>PENDAFTARAN MAHASISWA PAPSI-ITS</title>
</head>
<body>
<form action=”prosesformulir.php” method=”post”>
<h1>Pendaftaran Mahasiswa PAPSI-ITS</h1>
<p>
Nama Mahasiswa : <br>
<input type=”text” name=”namalengkap” width=”75" placeholder=”Isi dengan nama lengkap Anda”>
</p>
<p>
Jenis Kelamin : <br>
<input type=”radio” id=”man” value=”Laki-laki” name=”jeniskelamin”><label for=”man”>Laki-laki</label>
<input type=”radio” id=”woman” value=”Perempuan” name=”jeniskelamin”><label for=”woman”>Perempuan</label>
</p>
<p>
Alamat rumah : <br>
<textarea name=”alamat” rows=”3" cols=”50" placeholder=”Isi dengan alamat lengkap Anda”></textarea>
</p>
<p>
Pendidikan Terakhir : <br>
<select name=”pendidikan”>
<option value=””>- Pilih Pendidikan -</option>
<option value=”SD”>SD</option>
<option value=”SMP”>SMP</option>
<option value=”SMA”>SMA</option>
<option value=”D3">D3</option>
<option value=”S1">S1</option>
<option value=”S2">S2</option>
<option value=”S3">S3</option>
</select>
</p>
<p>
Tahun Lulus : <br>
<select name=”tahun_lulus”>
<?php
for($tahun=2017; $tahun>=1945; $tahun — ) {
echo ‘<option value=”’.$tahun.’”>’.$tahun.’</option>’;
}
?>
</select>
</p>
<p>
Gelombang Pendaftaran : <br>
<input type=”radio” id=”gelombang1" value=”Gelombang1" name=”Gelombang”><label for=”Gelombang1">Gelombang 1</label>
<input type=”radio” id=”gelombang2" value=”Gelombang2" name=”Gelombang”><label for=”Gelombang2">Gelombang 2</label>
<input type=”radio” id=”gelombang3" value=”Gelombang3" name=”Gelombang”><label for=”Gelombang3">Gelombang 3</label>
</p>
<p>
<input type=”submit” value=”Kirim” name=”submit”>
</p>
</body>
</html>
Kode Lengkap dari File prosesformulir.php
<?php
$namalengkap = $_POST[‘namalengkap’];
$jeniskelamin = $_POST[‘jeniskelamin’];
$alamat = $_POST[‘alamat’];
$pendidikan = $_POST[‘pendidikan’];
$tahunlulus = $_POST[‘tahun_lulus’];
if ($_POST[‘jeniskelamin’] == ‘Laki-laki’) {
$jeniskelamin = “Laki-laki”;
} else {
$jeniskelamin = “Perempuan”;
}
$gelombang = $_POST[‘Gelombang’];
if ($_POST[‘Gelombang’] == ‘Gelombang1’) {
$biaya = “Rp. 7.000.000”;
$gelombang = “Gelombang 1”;
} else if ($_POST[‘Gelombang’] == ‘Gelombang2’) {
$biaya = “Rp. 8.000.000”;
$gelombang = “Gelombang 2”;
} else if ($_POST[‘Gelombang’] == ‘Gelombang3’) {
$biaya = “Rp. 9.000.000”;
$gelombang = “Gelombang 3”;
}
switch ($_POST[‘pendidikan’]) {
case “SD” :
$pendidikan = “SD”;
break;
case “SMP” :
$pendidikan = “SMP”;
break;
case “SMA” :
$pendidikan = “SMA”;
break;
case “D3” :
$pendidikan = “D3”;
break;
case “S1” :
$pendidikan = “S1”;
break;
case “S2” :
$pendidikan = “S2”;
break;
case “S3” :
$pendidikan = “S3”;
break;
default :
$pendidikan = “Tidak Dipilih”;
break;
}
?>
<p>
Terima kasih telah melakukan pendaftaran <em>online</em>, berikut data lengkap Anda :
</p>
<table border=”0">
<tr>
<td width=”165">Nama Mahasiswa</td>
<td width=”250">:<strong><?php echo “ “. $namalengkap?></strong></td>
</tr>
<br>
<tr>
<td>Jenis Kelamin</td>
<td>:<strong><?php echo “ “. $jeniskelamin?></strong></td>
</tr>
<br>
<tr>
<td>Alamat Rumah</td>
<td>:<strong><?php echo “ “. $alamat?></strong></td>
</tr>
<br>
<tr>
<td>Pendidikan Terakhir</td>
<td>:<strong><?php echo “ “.$pendidikan?></strong></td>
</tr>
<br>
<tr>
<td>Tahun Lulus</td>
<td>:<strong><?php echo “ “.$tahunlulus?></strong></td>
</tr>
<br>
<tr>
<td>Gelombang Pendaftaran</td>
<td>:<strong><?php echo “ “.$gelombang?></strong></td>
</tr>
<br>
<tr>
<td>Biaya Pendidikan</td>
<td>:<strong><?php echo “ “.$biaya?></strong></td>
</tr>
