You are on page 1of 3

Materi Web Programmer | Pengenalan PHP

JOBSHEET #9.1 Menampilkan form secara utuh

<!-- formku.php -->

<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<title>Belajar PHP</title>
<style>
h1 {
margin:0;
}
div {
width:400px;
}
p{
margin:0;
}
fieldset{
margin-top:10px;
}
input[type="text"], input[type="password"], select, textarea {
margin-left:10px;
margin-bottom:10px;
}
input[type="checkbox"] {
margin-left:120px;
}
label {
width:110px;
float:left;
}
label[for="html"], label[for="css"],label[for="php"] {
float: initial;
}
</style>
</head>
<body>
<div>
<h1>Form Registrasi</h1>
<form action="prosesform.php" method="post">
<fieldset>
<legend>Biodata</legend>
<p>
<label for="nama">Nama : </label>
<input type="text" name="nama" id="nama">
</p>
<p>
<label for="nim">NIM : </label>
<input type="text" name="nim" id="nim">
</p>
<p>
<label for="tgl" >Tanggal Lahir : </label>
<select name="tgl" id="tgl">
<?php
for ($i = 1; $i <= 31; $i++) {
echo "<option value = $i >";
1
Materi Web Programmer | Pengenalan PHP

echo str_pad($i,2,"0",STR_PAD_LEFT);
echo "</option>";
}
?>
</select>
<select name="bln">
<option value=1>Januari</option>
<option value=2>Februari</option>
<option value=3>Maret</option>
<option value=4>April</option>
<option value=5>Mei</option>
<option value=6>Juni</option>
<option value=7>Juli</option>
<option value=8>Agustus</option>
<option value=9>September</option>
<option value=10>Oktober</option>
<option value=11>Nopember</option>
<option value=12>Desember</option>
</select>
<select name="thn">
<?php
for ($i = 1980; $i <= 2016; $i++) {
echo "<option value = $i > $i </option>";
}
?>
</select>
</p>
<p>
<label for="alamat">Alamat </label>
<textarea name="alamat" id="alamat" cols="25"></textarea>
</p>
<p>
<label>Jenis kelamin</label>
<label><input type="radio" name="kel" value="laki2">
Laki-laki</label>
<label><input type="radio" name="kel" value="perempuan">
Perempuan</label>
</p>
</fieldset>
<fieldset>
<legend align="">User Account</legend>
<p>
<label for="username">Username</label>
<input type="text" name="username" id="username"/
</p>
<p>
<label for="email">Email </label>
<input type="text" name="email" id="email" />
</p>
<p>
<label for="pass">Password</label>
<input type="password" name="password" id="pass" />
</p>
<p>
<label for="repass">Ulangi Password</label>
<input type="password" name="repassword" id="repass" />
</p>
2
Materi Web Programmer | Pengenalan PHP

</fieldset>
<fieldset>
<legend>Harapan setelah mengikuti pelatihan di BLK</legend>
<p>
<input type="checkbox" name="target1" value="HTML" id="html">
<label for="html"> Menguasai HTML</label>
</p>
<p>
<input type="checkbox" name="target2" value="CSS" id="css">
<label for="css"> Paham CSS</label>
</p>
<p>
<input type="checkbox" name="target3" value="PHP" id="php">
<label for="php"> Mastering PHP</label>
</p></fieldset>
<br>
<p>
<input type="submit" value="Kirim Data">
</p>
</form>
</div>
</body>
</html>

<!-- prosesform.php -->

<h1>Halaman Proses</h1>
<?php
echo "Nama: ".$_POST["nama"]."<br>";
echo "NIM: ".$_POST["nim"]."<br>";
echo "Tanggal Lahir: ".$_POST["tgl"]." - ".$_POST["bln"].
" - ".$_POST["thn"]."<br>";
echo "Alamat: ".$_POST["alamat"]."<br>";
echo "Jenis Kelamin: ".$_POST["kel"]."<br>";
echo "Username: ".$_POST["username"]."<br>";
echo "Alamat Email: ".$_POST["email"]."<br>";
echo "Password: ".$_POST["password"]."<br>";
echo "Konfirmasi Password: ".$_POST["repassword"]."<br>";
echo "Target1: ".$_POST["target1"]."<br>";
echo "Target2: ".$_POST["target2"]."<br>";
echo "Target3: ".$_POST["target3"]
?>

Tugas: Sempurnakan script pada prosesform.php untuk validasi inputan

You might also like