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 :















Berlangganan update artikel terbaru via email:

6 Responses to "Contoh12 (Input&Output dalam 1 Form)"

Budi Baraluka said...

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

Fajar Yusuf said...

sama-sama gan :D

Nisful Ardi said...

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

Fajar Yusuf said...

Bisa online dan bisa offline tergantung actionnya

Ahmad Laturangga said...

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

Fajar Yusuf said...

silakan gan

TENTANG SITUS

SITUS INI ADALAH SITUS INFO GAME TERBARU DAN JUGA 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.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel