Quantcast
Channel: Kursus Website Terbaik
Viewing all articles
Browse latest Browse all 2170

Cara Menampilkan Data Mengunakan Form

$
0
0

Halo teman teman pada kesempatan kali ini saya akan membahas tentang Cara Menampilkan Data Mengunakan Form, untuk menampilkan data pada form kita mengunakan yang namanya variable atau tanda dolar, tanda dolar didalam php disebut juga dengan variable “$”.

Nilai dari sebuah variable dapat diisi dengan informasi yang kita inginkan dan nilainya  dapat dirubah saat kode program dijalankan dan variable juga bersifat case sensitive maksudnya yaitu besar kecil huruf diangap berbeda.

Untuk menampikan data menggunakan form kita nantinya akan mengunakan sebuah variable yaitu variable POST ($_POST), fungsi dari $_POST ini yaitu untuk mengambil sebuah value atau nilai dari sebuah form.

Tag dasar yang kita gunakan untuk membuat sebuah form pada  HTML yaitu , tag form, table, tr, td, input, textarea, select dan option.

 

Oke teman teman langsung saja, berikut Cara Menampilkan Data Mengunakan Form

  1. 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 Mengunakan 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'];
	$alamat = $_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>
				  
				  alamat : $alamat<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="Progamming">  Progamming &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>Alamat</td>
			<td><textarea name="alamat"></textarea></td>
		</tr>
		
		<tr>
			<td><input type="submit" name="submit" value="submit"></td>	
		</tr>
	</table>
    </form>
<hr>
</body>
</html>

  1. Kemudian buatlah sebuah folder gambar untuk menampung file gambar yang berisi sebuah gambar yang ingin diambil.

Jika dijalankan maka hasil nya akan seperti dibawah ini,

cara-menampilkan-data-mengunakan-form

Bagai mana teman teman Cara Menampilkan Data Mengunakan Form nya ? cukup mudah bukan ?

Sekian tutorial dari saya mengenai Cara Menampilkan Data Mengunakan Form, semoga bermanfaat

The post Cara Menampilkan Data Mengunakan Form appeared first on Kursus Website Terbaik.


Viewing all articles
Browse latest Browse all 2170

Trending Articles