Yuk kali ini kita akan belajar bareng , dan akan membahas tentang "Validator dan Konversi"
oke , ketikkan koding dibawah ini unruk file yang pertama :D
<?php
if(isset($_POST['submit'])){
$nama=$_REQUEST['nama'];
if(isset($_POST['gender'])){
$gender=$_REQUEST['gender'];
}
else{
$gender='';
}
$cek='';
}
else{
$nama='';
$gender='';
$cek="Isi ini dulu ya :D";
}
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<style type="text/css">
#form-wrap {
background: url('a.jpg') no-repeat;
}
#form {
width: 400px;
height: 400px;
font-size: 20px;
color: white;
margin: 20px auto;
background:none;
}
#submit {
width: 100px;
cursor: pointer;
;
}
#submit:hover {
background: red;
}
</style>
</head>
<center>
<body id="form-wrap">
<center>
<center>
<font face="Rockwell Extra Bold" color="White" size="6"><b><h1>
<?php echo $cek ?></h1>
</b>
</font>
</center>
<center>
<form action="KonversiBilangan.php" method="post" name="form1" id="form">
<font face="Ravie"><p>
Nama : <input type="text" placeholder="nama" name="nama" value="
<?php echo $nama ?>"/></p>
<p>
Jenis Kelamin : <br><input type="radio" name="gender" value="L"
<?php ($gender=="L")? print 'checked=""': print ''; ?>/>
Laki-Laki<br>
<input type="radio" name="gender" value="p"
<?php ($gender=="P")? print 'checked=""': print ''; ?> />
Perempuan</p>
<center>
<input type="submit" name="submit" value="Submit" id="submit"/>
</center>
</font>
</form>
</center>
<?php
if(isset($_POST['submit'])){ //apakah data ter-submit?
/*membuat variabel untuk menyimpan data yan dikirim*/
$nama=$_REQUEST['nama'];
if(isset($_POST['gender'])){
$gender=$_REQUEST['gender'];
}
else{
$gender='';
}
//cek apakah data yang dikirim tidak kosong
if($nama=='' || $gender==''){
echo '<h2>
Coba lagi , 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>';
}
}
}
?>
</center>
</center>
</body>
</html>
Setelah selesai mengetikkan koding diatas , yuk mari kita koding selanjutnya di file yang kedua , seperti dibawah ini .
dannnnnn , hasilnya akan seperti ini :D
=>Ini hasil tampilan awalnya
=>Dan setelah menginputkan seperti tampilan diatas , hasinya akan seperti ini
=>Setelah mengikuti seperti tampilan sebelumnya , dan akan menghasilkan tampilan sepeti berikut
=>Lalu akan muncul tampilan seperti ini
=>Seperti cara - cara sebelumnya , hasilnya akan menampilkan seperti ini
dannn selesaiiiiii , SEMANGAT dan SELAMAT MENCOBA :D
Tidak ada komentar:
Posting Komentar