Membuat Program FORM sederhana menggunakan HTML dan PHP
ALGORITMA
|
PSEUDOCODE
|
Masukan Nilai Pertama
|
Input Nilai 1
|
Masukan Nilai Kedua
|
Input Nilai 2
|
Hasil adalah Nilai Pertama di tambah Nilai kedua
|
Hasil = Nilai 1 + Nilai 2
|
 |
| Flowchart Program Penjumlahan |
Listing Code :
<html>
<title>Input Nilai</title>
<body>
<h1> PENJUMLAHAN </h1>
<?php
$nilai1 = "";
$nilai2 = "";
$hasil = "";
if(isset($_POST['text1'])and
($_POST['text2'])
){
$nilai1 = $_POST['text1'];
$nilai2 = $_POST['text2'];
$hasil = $nilai1+$nilai2;
}
?>
<form method="POST" action="form.php">
Input Nilai 1 = <input type="text" name="text1" value="<?php echo $nilai1?>" placeholder="masukkan angka"required=”required”><br/>
Input Nilai 2 = <input type="text" name="text2" value="<?php echo $nilai2?>" placeholder="masukkan angka"required=”required”><br/>
<input type="submit" value="Submit"><br/>
Hasil =<input type="text" value="<?php echo $hasil?>"/>
</form>
</html>
Struktur Folder
- · Membuka aplikasi XAMPP Control Panel klik start pada Apache dan MYSQL
- · Membuat folder baru pada c:/xammp/htdocs dengan nama Tugas.Folder ini merupakan area kerja kami dalam membuat aplikasi yang nantinya dapat diakses menggunakan browser dengan mengetikan localhost/nama folder.
- · Mengesave script / codingan diatas dengan nama form.Karena nama folder kami adalah tugas dan nama save an script nya adalah form,maka untuk mengakses aplikasi dengan mengetik localhost/tugas/form.php pada address bar browser .
ü Form Input Data
 |
| Tampilan awal program penjumlahan angka |
Berikut gambar ketika input dan hasilnya :
 |
| Tampilan input penjumlahan |
Monggo dicoba..