Membuat form HTML sederhana
Form pada html merupakan bagian penting, form berfungsi untuk mengirimkan data
yang selanjutnya akan dikelola dalam data output. Ada beberapa cara atau yang
sering disebut dengan "method" untuk mengirim data melalui form, yaitu "POST"
dan "GET". Method "POST" adalah cara mengirim data secara langsung dengan mengambil
value pada kolom input form, sedangkan method "GET" adalah cara mengirim data dimana
data dikirimkan melalui variable pada URL.
Berikut ini kita akan mencoba untuk mempelajari perbedaan antara "POST" dan "GET".
Data akan diambil menggunakan PHP. Karena kita akan menggunakan PHP maka anda sebaiknya untuk menginstal XAMPP pada komputer anda.
I. Method POST
1. Aktifkan mysql dan apache pada XAMPP control panel.
2. Buka notepad, lalu copy kode dibawah ini dan paste pada text editor anda. Simpan dengan nama file
form_post.php pada folder htdocs. Directory location di komputer saya C://xampp/htdocs
<form action="<?php echo $_SERVER['PHP_SELF'];?>" method="post">
<table>
<tr>
<td>Nama Depan</td><td><input type="text" name="nama_depan" required></td>
</tr>
<tr>
<td>Nama Belakang</td><td><input type="text" name="nama_belakang" required></td>
</tr>
<tr>
<td colspan=2 align=right><input type="submit" name="submit" value="Proses"></td>
</tr>
</table>
<form>
<br><br>
<?php
if(isset($_POST['submit'])){
echo "Nama Lengkap anda: ".$_POST['nama_depan']." ".$_POST['nama_belakang'];
}
?>
3. Buka browser anda lalu ketikkan pada kolom address "localhost/form_post.php"
4. Silahkan coba untuk menginput data pada kolom yang telah disediakan.
II. Method GET
1. Aktifkan mysql dan apache pada XAMPP control panel.
2. Buka notepad, lalu copy kode dibawah ini dan paste pada text editor anda. Simpan dengan nama file
form_get.php pada folder htdocs. Directory location di komputer saya C://xampp/htdocs
<form action="<?php echo $_SERVER['PHP_SELF'];?>" method="get">
<table>
<tr>
<td>Nama Depan</td><td><input type="text" name="nama_depan" required></td>
</tr>
<tr>
<td>Nama Belakang</td><td><input type="text" name="nama_belakang" required></td>
</tr>
<tr>
<td colspan=2 align=right><input type="submit" value="Proses"></td>
</tr>
</table>
<form>
<br><br>
<?php echo "Nama Lengkap anda: ".$_GET['nama_depan']." ".$_GET['nama_belakang'];?>
3. Buka browser anda lalu ketikkan pada kolom address "localhost/form_get.php"
4. Silahkan coba untuk menginput data pada kolom yang telah disediakan.
Sekarang anda sudah dapat membuat form HTML sederhana dengan PHP. Anda dapat mengembangkan
kode-kode ini untuk membuat form lainnya seperti form login atau form register. Selamat
mencoba,,, :)


Comments
Post a Comment