Nama : Fachri Eka Putra
NIM : 201512101
Kelas : Pagi 2
Pos kali ini akan membahas tentang perulangan FOR di PHP dan dengan menggunakan FORM HTML. Kurang lebih beginilah hasilnya :
Berikut ini isi dari file PHP :
Isi dari file gaya.css :
Sekian dan terima kasih!
NIM : 201512101
Kelas : Pagi 2
Pos kali ini akan membahas tentang perulangan FOR di PHP dan dengan menggunakan FORM HTML. Kurang lebih beginilah hasilnya :
Tampilan form di browser |
Hasil Perulangan |
Berikut ini isi dari file PHP :
<!DOCTYPE html>
<html>
<head>
<title>Form</title>
<link rel="stylesheet" type="text/css" href="gaya.css">
</head>
<body>
<form method="POST">
<center>
<fieldset>
<legend>Form</legend>
<table border="0">
<tr>
<td>Inisialisasi</td>
<td> : </td>
<td><input type="text" name="inisialisasi" size="8"></td>
</tr>
<tr>
<td>Batas</td>
<td> : </td>
<td><input type="text" name="batas" size="8"></td>
</tr>
<tr>
<td>Jenis</td>
<td> : </td>
<td>
<select name="jenis">
<option value="pilih">- Pilih - </option>
<option value="ascending">Ascending</option>
<option value="descending">Descending</option>
</select>
</td>
</tr>
<tr>
<td colspan="3" align="center">
<input type="submit" name="submit" value="Kirim" class="tombol">
<input type="reset" name="reset" value="Reset" class="tombol">
</td>
</tr>
</table>
</fieldset>
<br>
<fieldset class="hasil">
<legend>Hasil</legend>
<?php
$inisialisasi=$_POST['inisialisasi'];
$batas=$_POST['batas'];
$ascending=$_POST['ascending'];
$descending=$_POST['descending'];
$jenis=$_POST['jenis'];
$kirim=$_POST['submit'];
if ($jenis=='ascending') {
for($i=$inisialisasi;$i<=$batas;$i++){
echo " $i ";
}
}else if ($jenis=='descending') {
for($i=$inisialisasi;$i>=$batas;$i--){
echo " $i ";
}
}else if ($jenis=='pilih') {
echo "Pilih terlebih dahulu!";
}
?>
</fieldset>
<br>
<a href="form.php">Ulangi</a>
</center>
</form>
</body>
</html>
Isi dari file gaya.css :
body{
font-family: Verdana;
}
fieldset{
width: 200px;
border: 1px solid black;
}
fieldset.hasil{
width: 400px;
}
legend{
border: 1px solid black;
}
input,select{
border: 1px solid black;
}
a{
padding: 3px 7px;
text-decoration: none;
border: 1px solid black;
background-color: white;
color: black;
}
a:hover{
color: white;
background-color: black;
}
p.hasil{
border: 2px solid black;
}
.tombol{
padding: 3px 7px;
border: 1px solid black;
background-color: white;
}
.tombol:hover{
color: white;
background-color: black;
}
Sekian dan terima kasih!