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.. :)
Posted in 
kok gag bisa bang
BalasHapusbegitu di coba keluar gini
BalasHapusObject not found!
The requested URL was not found on this server. The link on the referring page seems to be wrong or outdated. Please inform the author of that page about the error.
If you think this is a server error, please contact the webmaster.
Error 404
localhost
Apache/2.4.10 (Unix) OpenSSL/1.0.1i PHP/5.5.15 mod_perl/2.0.8-dev Perl/v5.16.3
tanks man
BalasHapusinput muncul pas di html saja , kok di PHP nya kosong cara agar muncul jga di php gmana ??
BalasHapusTutornya menarik, oya gan next tutor untuk edit dan hapus datanya yach :D thanks before
BalasHapusIndahnya saling berbagi pengetahuan dan keilmuan. Silahkan singgah
Kunjungi website Kampus saya : Atma Luhur
website saya : Naliyana