Wednesday, February 20, 2019 Edit
Tutorial Membuat Form Input Biodata Sederhana dan Menampilkannya Menggunakan Bahasa HTML dan PHPNah kali ini akan memeberikan tutorial cara menampilkan data yang diinputkan kehalaman baru dan dibungkus dalam sebuah tabel. mau tau caranya baca artikel ini sampai habis. Untuk menampilkan data yang sudah diinputkan pada sebuah form, kita membutuhkan bahasa pemrograman PHP. Bagi teman-teman belum tau apa itu pemrograman PHP, teman bisa kunjungi Tutorial dasar bahasa pemrograman PHP terlebih dahulu. Biar teman tidak bingung nantinya. Pertama buka terlebih dahulu text editor pada laptop/komputer teman-teman. buat folder baru simpan dengan format Biodata.html. dan ketikkan kode berikut : File Biodata.html <!DOCTYPE
html> Copykan kode program diatas ke dalam text editor teman atau notepad. simpan didalam folder Xampp/Htdocs/Newfolder/Biodata.html, kalau teman tidak menginstal Xampp simpan saja ditempat yang teman sukai. kemudian baut projek baru/ kosong lagi dan ketikkan kode berikut : File Hasil.php <!DOCTYPE html> <html> <head> <title>Biodata</title> </head> <body> <?php $npm=$_POST['NPM']; $Nama=$_POST['Nama']; $IPK=$_POST['IPK']; $Tahun=$_POST['Tahun']; $Bulan=$_POST['Bulan']; $jurusan=$_POST['jurusan']; $Tempat=$_POST['Tempat']; $Tgl=$_POST['Tgl']; $Bln=$_POST['Bln']; $Thn=$_POST['Thn']; $JK=$_POST['JK']; $alamat=$_POST['alamat']; $tentang=$_POST['tentang']; ?> <table border="1" cellpadding="5" cellspacing="0"> <tr> <td>NPM</td> <td> <?php echo $npm ?> </td> </tr> <tr> <td>Nama Lengkap</td> <td> <?php echo $Nama ?> </td> </tr> <tr> <td>Lama Study</td> <td> <?php echo $Tahun ?>Th,<?php echo $Bulan ?>Bl </td> </tr> <tr> <td>IPK Terakhir</td> <td> <?php echo $IPK ?> </td> </tr> <tr> <td>Jurusan</td> <td> <?php echo $jurusan ?> </td> </tr> <tr> <td>TTL</td> <td> <?php echo $Tempat ?>,<?php echo $Tgl ?>/<?php echo $Bln ?>/<?php echo $Thn ?> </td> </tr> <tr> <td>Jenis Kelamin</td> <td> <?php echo $JK ?> </td> </tr> <tr> <td>Alamat</td> <td> <?php echo $alamat ?> </td> </tr> <tr> <td>Tentang Anda</td> <td> <?php echo $tentang ?> </td> </tr> </table> </body> </html> Jika kode program diatas sudah dicopykan ke projek baru pada notepad, kemudian simpan dengan format Hasil.php. Letakkan keuda file diatas ditempat yang sama. setelah semua kode program diatas dibuat dan file disimpan ditempat yang sama. selanjutnya kita akan mencoba menjalankan program tersebut di browser, bisa mozilla atau chrome. Caranya ketikkan Localhost/Newfolder/Biodata.html jika file disimpan di dalam folder Xampp. atau bisa dengan cara klik kanan >Open with google chrome. Maka tampilannya seperti gambar berikut :
Kemudian Jika data diinputkan maka akan menampilkan seperti gambar berikut :
Ok teman-teman mudah bukan,, sebagai catatan pada tutorial kali ini admin tidak akan menjelaskan maksud kode-kode diatas. karena admin sudah menyediakan tutorial khusus untuk belajar bahasa pemrograman. teman bisa cek di menu navigasi Zikritekno ini. Terima kasih sudah membaca artikel ini sampai habis, semoga apa yang admin berikan bermanfaat dan mudah dimengerti. jangan lupa share ke teman lain yang membutuhkan. |
Membuat biodata menggunakan php
Pos Terkait
Copyright © 2024 idkuu.com Inc.
