Contoh12 (Input&Output dalam 1 Form)

Contoh12 (Input&Output dalam 1 Form) : Webpro

Jika Contoh 11(Sebelumnya) kita membuat dua form di masing-masing file,maka sekarang kita akan mencaba dengan membuat 1 form yang didalamnya ada form input dan juga ada ouputnya langsung.

Sebagai Contoh silakan kalian buka aplikasi notepad++ kalian ataupun sublime text. lalu ketikan atau masukan coding berikut:

<html>
<head>
   <title>Output Input dalam satu form</title>
</head>
<body>
<h1>Masukkan Identitas Anda</h1>
<form action="<?php echo $_SERVER['PHP_SELF'];?>" method="post">
<pre>
Isikan Nama      :<input type="text" name="nama"/>
Isikan No Telp   :<input type="text" name="telp"/></td>
Isikan Alamat    :<textarea name="alamat" rows="5" cols="40"></textarea>
<input type="submit" value="Tampil"/><input type="reset" value="Batal"/></td><tr>
</pre>

<?php
$nama=$_POST['nama'];
$telp=$_POST['telp'];
$alamat=$_POST['alamat'];
if(!empty($nama)){
echo"Nama    : $nama<br>";}
if(!empty($telp)){
echo"No Telp : $telp<br>";}
if(!empty($alamat)){
echo"Alamat : $alamat";}
?>
</body>
</html>

Penjelasan Coding :
untuk coding form inputan dari syntax <h1> sampai </pre>
dan untuk coding outputnya dari syntax buka php <?php sampai tutup php ?>

<h1> : digunakan untuk membuat header,sehingga tulisan yang berada dalam h1 akan menjadi tebal dan besar.

<?php echo $_SERVER['PHP_SELF'];?> : Karna actionnya didalam file yang sama maka menggunakan syntax seperti ini untuk action formnya

Jika ada pertanyaan yang lain silakan melalu komentar :)

Simpan file di atas di dalam folder c:\XAMPP\htdocs\ '(jgn lupa instal dan run xampp)' buat folder baru untuk menyimpan file didalam folder htdocs. Simpan file dengan nama output&input1form.php.
Untuk melihat hasil dari file di atas dapat menggunakan browser Mozilla, google chrome, internet explorer atau jenis browser lain. Ketikkan pada address bar “Localhost\Nama Folder Penyimpanan\”,kemudian pilih file output&input1form.php