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 🙂

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

Saat pertama dijalankan di browser ada form inputan kita isi sesuai seperti namanya.
dan setelah tekan Tampil hasilnya :

0 thoughts on “Contoh12 (Input&Output dalam 1 Form)

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan.

Previous post Latihan 09 (Dasar-dasar SQL)
Next post Cara Penulisan : Bahasa PHP