14.44
Unknown
Sekian lama kosong, setidaknya saya ingin membuat sebuah postingan dalam bulan maret ini. Kali ini berhubungan dengan php, dan materi kali ini masih sangat dasar. Maksud dari judul saya diatas adalah menampilkan kembali sebuah tulisan yang sebelumnya telah kita masukkan, terus ketika mensubmit tulisan tersebut, maka tulisan yang kita submit tadi langsung tampil di monitor. dan ingat, ini berbeda dengan menampilkan isi tabel hasil inputan dengan PHP yang Insya Allah akan segera saya bikin postingannya.
Jadi karena hanya menampilkan kembali hasil inputan, kita belum membutuhkan database, kita hanya menggunakan perpaduan antara HTML dengan PHP. Agan-agan sekalian dapat mencobanya pada localhost masing-masing ya. Agar lebih mengerti manfaatnya kita ambil contoh untuk menampilkan kembali hasil pengisian form saja dulu ya. Langsung saja saya tampilkan tutorialnya:
- Langkah pertama kita buat sebuah form dari html agar kita dapat menginputkan tulisan dan mensubmit tulisan tersebut. Copy paste/tulis kembali form HTML dibawah ini lalu simpan dengan nama index.html. Agan bisa memodifikasi struktur html dibawah sesuka hati agan.
<!DOCTYPE html>
<head>
<title>Belajar membuat form</title>
</head>
<body style='background:url(http://cs.unsyiah.ac.id/~alamri/gambar/001.png);'>
<div style="background:#D4D4D4;width:600px; margin:50px auto 0px auto;padding:10px;border-radius:4px;">
<h2 style='background:#212121;color:#f2f2f2;padding:10px;margin:-10px -10px 0px -10px;text-align:center'>Form Pengisian biodata</h2>
<fieldset>
<legend style="font-family:arial;">Identitas diri</legend>
<form action="tampil.php">
<table>
<tr><td>NIM</td><td>:</td><td><input type="text" name="nim"/></td></tr>
<tr><td>Nama</td><td>:</td><td><input type="text" name="nama"/></td></tr>
<tr><td>Jenis Kelamin</td><td>:</td><td><input type="radio" name="kelamin" value="laki-laki">Pria</td><td><input type="radio" name="kelamin" value="Perempuan">Wanita</td>
<tr><td>Jurusan</td><td>:</td><td><input type="text" name="jurusan"/></td></tr>
<tr><td>IPK</td><td>:</td><td><input type="text" name="ipk"/></td></tr>
<tr><td><input type="submit" value="kirim"/></td><td><input type="reset" value="batalkan"/></tr>
</table>
</form>
</fieldset>
</div>
</body>
</html> - Langkah kedua yaitu membuat sebuah file berformat php untuk menampilkan apa yang baru saja agan input. Agan Copy paste/tulis kembali form php dibawah ini lalu simpan dengan nama tampil.php.
<?php
$nim=$_GET['nim'];
$nama=$_GET['nama'];
$jurusan=$_GET['jurusan'];
$ipk=$_GET['ipk'];
$kelamin=$_GET['kelamin'];
echo "<h1 align='center' style='text-align:center'>Data Diri Anda</h1></br></br>
<body style='background:#939393 url(http://cs.unsyiah.ac.id/~alamri/gambar/001.png)'>
<div style='background:#f2f2f2;width:600px; margin:0 auto'>
<fieldset>
<legend style='font-family:arial;'>Identitas diri</legend>
<table>
<tr><td>NIM</td><td>:</td><td>$nim</td></tr>
<tr><td>Nama</td><td>:</td><td>$nama</td></tr>
<tr><td>Kelamin</td><td>:</td><td>$kelamin</td></tr>
<tr><td>Jurusan</td><td>:</td><td>$jurusan</td></tr>
<tr><td>IPK</td><td>:</td><td>$ipk</td></tr>
</table>
</fieldset>
</div>
</body>";
?>
Nah, disini hanya memerlukan 2 file saja. Untuk melihat contoh hasil jadinya, anda dapat melihatnya langsung disini: http://cs.unsyiah.ac.id/~alamri/pbw/tugas1/ .
Sekarang coba lihat pada file index.html, ada bagian <form action="tampil.php">, nah disitu maksudnya adalah melakukan sebuah aksi untuk menuju atau mengirimkan apapun ke halaman tampil.php ketika kita mengklik (mensubmit nya). Jadi pada halaman index.html pada setiap elemen yang akan diisi kita buat name="" masing-masing. Itulah tanda yang akan dikirim ke tampil.php, Pada file tampil.php dibuat beberapa variabel sesuai dengan name="" yang dikirim dari index.html. Kira-kira begitulah penjelasan ringkasnya. Jika ada yang kurang dipahami silahkan kirim email atau beri komentar saja ya.. :)
