14 November 2020

Cara Pembuatan Form Pengiriman Ala HTML Yang Rapih Dengan Bantuan Microsoft Frontpage – Part 4

www.niguru.comNiguru.com | Sabtu, 14 Nov 2020 | Pada posting sebelumnya Niguru.com sudah menjelaskan cara melakukan finishing pada form yang sudah dibuat sehingga saat ditampilkan pada browser garis-garis pembatas tabel tidak terlihat, dan setiap kolom dan baris tertata rapi.

Kali ini Niguru.com akan melanjutkan dengan penjelasan mengenai cara penambahan tombol pengiriman. Sebagai contoh Niguru.com akan menggunakan untuk mengirimkan data ke aplikasi PHP.

Berikut ini adalah tampilan form yang sudah dibuat:

 

Dan ini adalah script HTML dari form tersebut, bila ditampilkan dengan Notepad:

 

Dan ini setelah ditambah script untuk mengirim data, yaitu:
 

<form method="post" action="nama_file.php">
 TABEL FORM..
<input type="submit" value="nama_tombol"></form>
 
Perhatikan penggunaannya pada contoh script berikut ini:

<h1>Form Data Warga</h1><br>

<form method="post" action="terima05.php">
<table border="0" width="67%"><tr>
<td width="80">Nama</td>
<td width="15">:</td>
<td><input type="text" name="in01" size="30"></td>
</tr><tr>
<td width="80">Alamat</td>
<td width="15">:</td>
<td><input type="text" name="in02" size="80"></td>
</tr><tr>
<td width="80">Kota</td>
<td width="15">:</td>
<td><input type="text" name="in03" size="30"></td>
</tr><tr>
<td width="80">Negara</td>
<td width="15">:</td>
<td><input type="text" name="in04" size="30"></td>
</tr><tr>
<td width="80">Phone</td>
<td width="15">:</td>
<td><input type="text" name="in05" size="30"></td>
</tr></table>
<input type="submit" value="Kirim Data"></form>


 

 

Simpan dengan nama input05.html (boleh disimpan dengan nama lain):

 
Berikut ini contoh script penerimaan dalam format PHP:

<h1>Form Data Warga</h1>
<h3>
<?php 
$a=$_POST["in01"];
$b=$_POST["in02"];
$c=$_POST["in03"];
$d=$_POST["in04"];
$e=$_POST["in05"];

echo $a."<br>";
echo $b."<br>";
echo $c."<br>";
echo $d."<br>";
echo $e."<br>";
?>


 

Simpan dengan nama terima05.php:

 

Buka browser dan buka input05.html. Hasilnya:

 

Isi kolom-kolom input > klik Kirim Data:

 

Data yang dikirim dari input05.html, akan ditampilkan pada terima05.php:


Demikianlah penjelasan mengenai cara pembuatan form pengiriman ala HTML dengan bantuan aplikasi MS Frontpage.

Selamat mencoba .. Have a nice day :-)

www.Niguru.com (Nino Guevara Ruwano)

No comments:

Post a Comment