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>
Masukkan Identitas Anda
Penjelasan Coding :
untuk coding form inputan dari syntax sampai
dan untuk coding outputnya dari syntax buka php : digunakan untuk membuat header,sehingga tulisan yang berada dalam h1 akan menjadi tebal dan besar. 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:XAMPPhtdocs ‘(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 “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 :
MATERI WEBPROGRAMMING
Jika anda baru di pemrogramman web silakan belajar dari materi pertama :
Materi ke-1 : Dasar-dasar Web
Materi ke-2 : Pemberian Warna
Materi ke-3 : Membuat Table
Materi ke-4 : Dasar PHP
Materi ke-5 : Tipe Data
Materi ke-6 : Konstanta dan Komentar
Materi ke-7 : Operator
Materi ke-8 : Operator Perbandingan
Materi ke-9 : Operator Logika
Materi ke-10 : Operator String
Materi ke-11 : Form
Materi ke-12 : Input dan Output dalam 1 Form
Materi ke-13 : Percabangan
Materi ke-14 : Pembuatan Database Mysql
Materi ke-15 : Buku Tamu
Materi ke-16 : Buku Tamu Lanjutan
Materi ke-17 : Artikel
Materi ke-18 : Halaman Index Pengunjung