Ini untuk coding pada page 1 :
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<style type="text/css">
body{
background-image: url('1.jpg');
}
.a{
text-shadow:4px 0px 7px red;
font-family:Calibri;
font-weight:bold;
color:#E3941D;
}
.b{
text-shadow:4px 0px 7px red;
font-family:Calibri;
font-weight:bold;
color:greenyellow;
}
form input.highlight{
background: aquamarine;
borurder: solid 1px #CCCCCC;
border-radius:5px;
padding: 5px;
}
form input.highlight:focus {
border: solid 1px #D9AD00;
background: graytext;
border-radius:5px;
box-shadow:2px 2px 5px yellow;
}
</style>
</head>
<body>
<?php
if(isset($_POST['submit'])){//isset : penekanan form
$nama=$_REQUEST['nama'];
if(isset($_POST['gender'])){
$gender=$_REQUEST['gender'];
}
else{
$gender='';
}
$cek='';
}
else{
$nama='';
$gender='';
$cek='Masukkan data secara lengkap....';
}
?>
<h1 class='a'>
<?php echo $cek ?></h1>
<br>
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post" name="form"/>
<p>Nama : <input type="text" name="nama" value="<?php echo $nama ?>"/></p>
<p>Jenis Kelamin : <input type="radio" name="gender" value="L"
<?php ($gender=="L")? print 'checked=""': print ''; ?>/>
Laki-Laki
<input type='radio' name='gender' value="P"
<?php ($gender=="P")? print 'checked=""': print ''; ?> />
Perempuan</p>
<input type="submit" name="submit" value="Submit" />
</form>
<?php
if(isset($_POST['submit'])) { // apakah data ter-submit?
/*membuat variabel untuk menyimpan data yang dikirim*/
$nama=$_REQUEST['nama'];
if(isset($_POST['gender'])){
$gender=$_REQUEST['gender'];
}
else{
$gender='';
}
//cek apakah data yg dikirim tidak kosong
if($nama=='' || $gender==''){
echo '<h2>Maaf Data Kurang Lengkap</h2>';
}else{
/*cek jenis kelamin*/
if($gender=='L'){
echo '<h2>Selamat Datang Bro '.$nama.' !!<h2>';
}else{
echo '<h2>Selamat Datang Sis, '.$nama.' !!</h2>';
}
}
echo "<a href='konverter_bilangan_desimal.php'>Login</a>";
}
?>
</body>
</html>
Hasil unutk page 1 adalah :
- Tampilan pada awal
- tampilan apabila anda memasukan data secara lengkap
-Tampilan apabila anda tidak memasukan data secara lengkap
Setelah membuat page1 kita akan menghubungkan page1 ke page2 dengan coding d bawah ini :
Tidak ada komentar:
Posting Komentar