Membuat halaman Form dengan menggunakan HTML dan tag <table>
ini adalah hasil halaman form yang telah saya buat
step by step
1.Buat table yang berisikan 3 baris.
2.Baris kesatu isikan 1 kolom, baris kedua isikan 2 kolom , dan baris ketiga isikan 1 kolom
3.Masukan gambar di baris pertama sebagai Header
4.Masukan gambar dan atribut lainya untuk di bagian baris kedua kolom kesatu
5.Untuk di bagian baris kedua kolom kedua isikan form dengan menggunakan tag <form>
6.Terakhir Masukan Gambar di baris ketiga sebagai footer
Untuk lebih jelas nya silhkan di cek kodingan saya ini :
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
body{
background-color:#ff8c00;
}
</style>
</head>
<body>
<center>
<table border="0">
<tr>
<td colspan="2"><img src="uad.jpg" width="100%" height="100"></td>
</tr>
<tr>
<td width="70%" bgcolor="pink">
<table>
<tr>
<td><center><img src="uad_logo.jpg" width="50%"></center></td>
<td>
<table border="1">
<tr>
<td>MENU</td>
</tr>
<tr>
<td>HOME</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="30%" bgcolor="grey">
<table>
<form action="phpnya.php" method="POST">
<tr>
<h3>FORM</h3>
<td>Nama </td>
<td><input type="text" name="nama" placeholder="*Masukan Nama"></td>
</tr>
<tr>
<td>NIM </td>
<td><input type="text" name="nim" placeholder="*Masukan NIM"></td>
</tr>
<tr>
<td>Alamat </td>
<td><textarea name="alamat" placeholder="*Masukan Alamat"></textarea></td>
</tr>
</table>
<br>
Jenis Kelamin
<br><input type="radio" name="JK" value="Laki-laki">Laki-laki
<input type="radio" name="JK" value="Perempuan">Perempuan
<br>
<table>
<tr>
<td>Agama
<select name="agama">
<option value="islam">Islam</option>
<option value="kristen">Kristen</option>
<option value="hindu">Hindu</option>
<option value="budha">Budha</option>
<option value="khatolik">Khatolik</option>
<option value="protestan">Protestan</option>
</select>
</td>
</tr>
</table>
<br>
<input type="submit" value="Submit">
<input type="reset" value="Reset">
</td>
</tr>
<tr>
<td colspan="2"><img src="uad.jpg" width="100%" height="100"></td>
</tr>
</form>
</table>
</center>
</body>
</html>
Dan Ini sedikit bagian dari file php nya untuk menampung data yang telah di isikan di form
<?
$nama=$_post['nama'];
$nim=$_post['nim'];
$alamat=$_post['alamat'];
$JK=$_post['JK'];
$agama=$_post['agama'];
echo "Nama anda : ".$nama;
echo "<br>";
echo "NIM anda : ".$nim;
echo "<br>";
echo "Alamat anda : ".$alamat;
echo "<br>";
echo "Jenis Kelamin anda : ".$JK;
echo "<br>";
echo "Agama anda : ".$agama;
echo "<br>";
?>
Mungkin sekian yang bisa saya share, terimakasih..
Silahkan tinggal kritik dan saran di bagian komentar
Wassalamualaikum Wr.Wb
No comments:
Post a Comment