Cara Menampilkan Data Menggunakan Form
Halo teman teman di kesempatan kali ini saya akan membahas mengenai Cara Menampilkan Data Menggunakan Form, bagi menampilkan data di form kita menggunakan yang namanya variable atau tanda dolar, tanda dolar didalam php disebut pun dengan variable “$”.
Nilai dari sebuah variable dapat diisi dengan informasi yang kita inginkan dan nilainya dapat diubah dikala kode program dijalankan dan variable pun bersifat case sensitive maksudnya yaitu besar kecil huruf dianggap berbeda.
Bagi menampikan data menggunakan form kita nantinya akan menggunakan sebuah variable yaitu variable POST ($_POST), manfaat dari $_POST ini yaitu bagi mengambil sebuah value atau nilai dari sebuah form.
Tag basic yang kita gunakan bagi merancang sebuah form di HTML yaitu , tag form, table, tr, td, input, textarea, select dan option.
Oke teman teman seketika saja, berikut Cara Menampilkan Data Menggunakan Form
- Buatlah sebuah folder didalam htdocs nama folder “form” kemudian didalam folder form simpan script dibawah ini dengan nama index.php
<!doctype html>
<html>
<head>
<meta charset=utf-8>
<title>Cara Menampilkan Data Menggunakan Form</title>
</head>
<hr>
<!-- Proses -->
<?php
if(isset($_POST['submit'])){
$nama = $_POST['nama'];
$gender = $_POST['gender'];
$status = $_POST['status'];
$hobby = $_POST['hobby'];
$file = $_POST['file'];
$domisili = $_POST['alamat'];
echo nama : $nama <br>
gender : $gender<br>
Status : $status<br>
Gambar : $file<br>
<img src='gambar/$file' style='width:100px;height:100px;box-shadow:6px 6px #CCCCCC;'><br>
domisili : $domisili<br>
Hobby :;
foreach ($hobby as $hobys=>$value) {
echo $value,;
}
}
?>
<body>
<hr>
<!-- form -->
<form action= name=frm method=post>
<table>
<tr>
<td>Nama</td>
<td><input type=text name=nama></td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td><input type=radio name=gender value=Laki-Laki selected> Laki-Laki
<input type=radio name=gender value=Perempuan selected> Perempuan </td>
</tr>
<tr>
<td>Status</td>
<td>
<select name=status>
<option>-- Pilih --</option>
<option value=Menikah>Menikah</option>
<option value=Belum Menikah>Belum Menikah</option>
</select>
</td>
</tr>
<tr>
<td>Msukan Gambar</td>
<td><input type=file name=file></td>
</tr>
<tr>
<td>Hobi</td>
<td>
<input type=checkbox name=hobby[] value=Membaca> Membaca nbsp
<input type=checkbox name=hobby[] value=Programming> Programming nbsp
<input type=checkbox name=hobby[] value=Fotografi> Fotografi nbsp
<input type=checkbox name=hobby[] value=Kuliner> Kuliner nbsp
<input type=checkbox name=hobby[] value=Menulis> Menulis
</td>
</tr>
<tr>
<td>Domisili</td>
<td><textarea name=domisili></textarea></td>
</tr>
<tr>
<td><input type=submit name=submit value=submit></td>
</tr>
</table>
</form>
<hr>
</body>
</html>
- Kemudian buatlah sebuah folder gambar bagi menampung file gambar yang berisi sebuah gambar yang ingin diambil.
Kalau dijalankan karenanya hasil nya akan seperti dibawah ini,
Bagai mana teman teman Cara Menampilkan Data Menggunakan Form nya ? lumayan gampang bukan ?
Demikian panduan dari saya mengenai Cara Menampilkan Data Menggunakan Form, semoga bermanfaat
Sumber https://kursuswebsite.org
