TUTORIAL PEMBUATAN HALAMAN FORMULIR PENDAFTARAN




Dalam tahap ini kita akan membuat Halaman pendaftaran secara online yang berbasis PHP,kita akan membuat 2 document PHP yaitu kita beri nama saja document form.php danproses.php


Langkah pertama
Aktifkan Aphace di Xampp, kemudian buat sebuah folder di C:\xampp\htdocs Di beri coba, selanjutnya Buka notepad ++, kemudian ketik Script:
<html>
<head><title></head></title>
<body>
<center> FORMULIR PENDAFTARAN <br>
<form method="POST" action="proses.php">
<table>
<tr>
<td>Nama Pertama</td>
<td>:</td>
<td><input type="text" name="namap">
</td>
</tr>
<tr>
<td>Nama Terakhir</td>
<td>:</td>
<td><input type="text" name="namat">
</td>
</tr>
<tr>
<td>Nama Lengkap</td>
<td>:</td>
<td><input type="text" name="namal">
</td>
</tr>
<td>E-mail</td>
<td>:</td>
<td><input type="text" name="e-mail">
<select name="email">
<option value="None">-NONE-
<option value="@Gmail.com"> @Gmail.com
<option value="@yahoo.com"> @Yahoo.com
<option value="@yahoo.co.id"> @Yahoo.co.id
<option value="@ymail.com"> @Ymail.com
<option value="@rocketmail.com"> @Rocketmail.com</td>
</tr>
<tr>
<td>Umur</td>
<td>:</td>
<td><input type="text" name="umur"</td>
</tr>
<tr>
<td>Jenis kelamin</td>
<td>:</td>
<td><input type="radio" checked name="jk" value="Pria">Pria
<input type="radio"  name="jk" value="Wanita">Wanita
</td>
</tr>
<tr>
<td>Alamat</td>
<td>:</td>
<td><textarea name="alamat"></textarea></td>
</tr>
<tr>
<td></td>
<td><input type="checkbox"> </td>
<td>Saya ingin mendaftar menjadi anggota  </td>
</tr>
<tr>
<td colspan="3" align="center"> <input type="submit" value="Registrasi"> <input type="reset" value="Reset"></td>
</tr>
</body>
</html>

Lalu simpan Pada folder coba di C:\xampp\htdocs simpan dengan nama form.php
Langkah kedua
Buat lagi sebuah document di Notepad++ dengan Script :
<?php
$nmp = $_POST ['namap'] ;
$nmt = $_POST ['namat'] ;
$nml = $_POST ['namal'] ;
$em = $_POST ['e-mail'] ;
$eml = $_POST ['email'] ;
$um = $_POST ['umur'] ;
$al = $_POST ['alamat'] ;
$pr = $_POST ['jk'] ;

echo "<center>Terima kasih anda telah mendaftar menjadi Member kami <br><br>
<table>
<tr>
<td>Nama Pertama</td>
<td>:</td>
<td>$nmp </td>
</tr>
<tr>
<td>Nama Terakhir</td>
<td>:</td>
<td>$nmt </td>
</tr>
<tr>
<td>Nama Lengkap</td>
<td>:</td>
<td>$nml</td>
<tr>
<td>E-mail</td>
<td>:</td>
<td>$em$eml </td>
</tr>
<tr>
<td>Jenis kelamin</td>
<td>:</td>
<td>$pr </td>
</tr>
<tr>
<td>Umur</td>
<td>:</td>
<td>$um </td></tr>
<tr>
<td>Alamat</td>
<td>:</td>
<td>$al</td>
</tr>
</table>”  ;
?>
Lalu simpan Pada folder coba di C:\xampp\htdocs simpan dengan nama proses.php

Langkah ketiga
Buka web browser, lalu masukan URL http://localhost/coba/form.php
Notice "jika tidak tampil seperti ini mohon periksa apakah Xampp sudah di aktifkan"


Kemudian isi seluruh formnya lalu klik registrasi


Dan hasil akhirnya



Comments

Popular posts from this blog

Dasar-Dasar Macromedia Dreamweaver 8