!DOCTYPE html>
<html>
<head>
<title>Latihan</title>
</head>
<body>
<form method = 'post' action = '<?php echo $_SERVER['PHP_SELF']; ?>'>
<table style="width: 300px">
<tr>
<td><strong>PANJANG</strong></td>
<td><strong>LEBAR</strong></td>
</tr>
<tr>
<td><input type="text" name="panjang" placeholder="PANJANG" /></td>
<td><input type="text" name="lebar" placeholder="LEBAR" /></td>
</tr>
<tr>
<td><br />
<!--Button HITUNG-->
<label>
<input type="submit" name="submit" value="HITUNG">
</label>
</td>
</tr>
</table>
</form>
<div id="hasil">
<?php
?>
<?php
/*Proses Penghitungan*/
$panjang = $_POST['panjang'];
$lebar = $_POST['lebar'];
$luas = $panjang * $lebar;
$keliling = (2 * $panjang) + (2 * $lebar);
/*Proses Cetak*/
echo ("<BR>");
echo "Panjang = $panjang";
echo ("<BR>");
echo "Lebar = $lebar";
echo ("<BR>");
echo "Luas Bangun = $luas";
echo ("<BR>");
echo "Keliling Bangun = $keliling";
?>
</div>
</body>
</html>
IURPQ1RZUEUgaHRtbD4KPGh0bWw+CiAgIDxoZWFkPgogICAgICA8dGl0bGU+TGF0aWhhbjwvdGl0bGU+CiAgIDwvaGVhZD4KICAgICAgCiAgICAgIDxib2R5PgogICAgICAgICA8Zm9ybSBtZXRob2QgPSAncG9zdCcgYWN0aW9uID0gJzw/cGhwIGVjaG8gJF9TRVJWRVJbJ1BIUF9TRUxGJ107ID8+Jz4KCSAgICA8dGFibGUgc3R5bGU9IndpZHRoOiAzMDBweCI+CgkgICAgICAgPHRyPgoJICAgICAgICAgIDx0ZD48c3Ryb25nPlBBTkpBTkc8L3N0cm9uZz48L3RkPgoJCSAgPHRkPjxzdHJvbmc+TEVCQVI8L3N0cm9uZz48L3RkPgoJICAgICAgIDwvdHI+CgkgICAgICAgPHRyPgoJCSAgIDx0ZD48aW5wdXQgdHlwZT0idGV4dCIgbmFtZT0icGFuamFuZyIgcGxhY2Vob2xkZXI9IlBBTkpBTkciIC8+PC90ZD4KCSAgICAgICAgICAgPHRkPjxpbnB1dCB0eXBlPSJ0ZXh0IiBuYW1lPSJsZWJhciIgcGxhY2Vob2xkZXI9IkxFQkFSIiAvPjwvdGQ+CgkgICAgICAgPC90cj4KCSAgICAgICA8dHI+CgkJICAgPHRkPjxiciAvPgoJCSAgICAgICA8IS0tQnV0dG9uIEhJVFVORy0tPgoJICAgICAgICAgICAgICAgPGxhYmVsPgoJCSAgICAgICAgICA8aW5wdXQgdHlwZT0ic3VibWl0IiBuYW1lPSJzdWJtaXQiIHZhbHVlPSJISVRVTkciPgoJCSAgICAgICA8L2xhYmVsPgoJCSAgIDwvdGQ+CgkJPC90cj4KCSAgICAgPC90YWJsZT4KCSAgPC9mb3JtPgoKCSAgPGRpdiBpZD0iaGFzaWwiPgoJICAgICA8P3BocAoJCWVycm9yX3JlcG9ydGluZyAoRV9BTEwgXiBFX05PVElDRSk7CiAgICAgICAgICAgICA/PgoKCSAgICAgPD9waHAKIAkJLypQcm9zZXMgUGVuZ2hpdHVuZ2FuKi8KCQkkcGFuamFuZyAgPSAkX1BPU1RbJ3BhbmphbmcnXTsKCQkkbGViYXIgICAgPSAkX1BPU1RbJ2xlYmFyJ107CgoJCSRsdWFzCSAgPSAkcGFuamFuZyAqICRsZWJhcjsKCQkka2VsaWxpbmcgPSAoMiAqICRwYW5qYW5nKSArICgyICogJGxlYmFyKTsKCiAgICAgICAgICAgICAgICAvKlByb3NlcyBDZXRhayovCgkJZWNobyAoIjxCUj4iKTsKCQllY2hvICJQYW5qYW5nID0gJHBhbmphbmciOwoJCWVjaG8gKCI8QlI+Iik7CgkJZWNobyAiTGViYXIgPSAkbGViYXIiOwoJCWVjaG8gKCI8QlI+Iik7CgkJZWNobyAiTHVhcyBCYW5ndW4gPSAkbHVhcyI7CgkJZWNobyAoIjxCUj4iKTsKCQllY2hvICJLZWxpbGluZyBCYW5ndW4gPSAka2VsaWxpbmciOwoJICAgICA/PgoJICA8L2Rpdj4KICAgICAgPC9ib2R5Pgo8L2h0bWw+