Friday, May 13, 2016

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:\XAMPP\htdocs\ '(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 “Localhost\Nama 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 :
















Reviewer: FajarYusuf.Com
ItemReviewed: Contoh12 (Input&Output dalam 1 Form)

Seseorang yang ingin membagi pengalaman dan ilmu yang berguna untuk para pembaca FajarYusuf.Com :)

6 comments

akhirnya tutorial ini ane temuin juga. thanks ya kak. sangat membantu banget :)

Mas, kalo kita ingin membuat form seperti ini bisa digunakan secara offline atau online mas?

Bisa online dan bisa offline tergantung actionnya

masih belum ngerti sih. ane izin pelajarin lagi yah gan heheh

TENTANG SITUS

SITUS INI ADALAH SITUS PEMBELAJARAN PEMROGRAMAN DAN JUGA PEMAHAMAN TERHADAP TEKNOLOGI KOMPUTER. KALIAN BISA MENGIKUTI PEMBELAJARAN PEMROGRAMAN DENGAN BERTAHAP PADA MATERI YANG SUDAH SAYA SEDIAKAN, JIKA ADA MATERI YANG MEMBINGUNGKAN SILAKAN LAKUKAN KOMENTAR PADA MATERI YANG ANDA TANYAKAN ATAU KALIAN BISA MENGHUBUNGI SAYA DIHALAMAN KONTAK.