Sesuai dengan janjiku tadi sekarang kita bahas saja Contoh Aplikasi Sederhana Pendaftaran Online Dengan PHP, ikuti langkah-langkahnya ya sobatku.
Pertama buka dulu XAMPP Control Panel Aplication klik tombol start pilih Apache, MySql, dan FileZilla. Setelah itu sobat buka My Computer lari ke Local Disk C-->xampp-->htdocs dan buat folder baru pendaftaran.
Yang kedua sobat buka Macromedia Dreamweaver8, buat file baru caranya File-->New--> Dynamic page--> PHP lalu klik Create. Pada lembar baru tadi isikan code di bawah ini dan dengan nama formdaftar.php ( simpan di folder pendaftaran tadi ).
ekoninjarr.blogspot.com
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body>
<form action="hasilpendaftaran.php" method="post" enctype="multipart/form-data" name="form1" id="form1">
<p align="center">PENDAFTARAN ONLINE </p>
<table width="500" border="1" align="center" bgcolor="#66FF00">
<tr>
<td width="137">Nama Lengkap </td>
<td width="347"><label>
<input name="t1" type="text" id="t1" size="30" maxlength="30" />
</label></td>
</tr>
<tr>
<td>Jenis Kelamin </td>
<td><label>
<input name="r1" type="radio" value="Pria" />
Pria<br />
<input name="r1" type="radio" value="Wanita" />
Wanita</label></td>
</tr>
<tr>
<td>Tempat Lahir </td>
<td><label>
<input name="t2" type="text" id="t2" />
</label></td>
</tr>
<tr>
<td>Tanggal Lahir </td>
<td><label>
<select name="ttgl" id="ttgl">
<option selected="selected">1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>8</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
<option>25</option>
<option>26</option>
<option>27</option>
<option>28</option>
<option>29</option>
<option>30</option>
<option>31</option>
</select>
<select name="tbln" id="tbln">
<option selected="selected">1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
</select>
<select name="tthn" id="tthn">
<option>1980</option>
<option>1981</option>
<option>1982</option>
<option>1983</option>
<option>1984</option>
<option>1985</option>
<option>1986</option>
<option>1987</option>
<option>1988</option>
<option>1989</option>
<option>1990</option>
<option>1991</option>
<option>1992</option>
<option>1993</option>
<option>1994</option>
<option>1995</option>
<option>1996</option>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body>
<form action="hasilpendaftaran.php" method="post" enctype="multipart/form-data" name="form1" id="form1">
<p align="center">PENDAFTARAN ONLINE </p>
<table width="500" border="1" align="center" bgcolor="#66FF00">
<tr>
<td width="137">Nama Lengkap </td>
<td width="347"><label>
<input name="t1" type="text" id="t1" size="30" maxlength="30" />
</label></td>
</tr>
<tr>
<td>Jenis Kelamin </td>
<td><label>
<input name="r1" type="radio" value="Pria" />
Pria<br />
<input name="r1" type="radio" value="Wanita" />
Wanita</label></td>
</tr>
<tr>
<td>Tempat Lahir </td>
<td><label>
<input name="t2" type="text" id="t2" />
</label></td>
</tr>
<tr>
<td>Tanggal Lahir </td>
<td><label>
<select name="ttgl" id="ttgl">
<option selected="selected">1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>8</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
<option>25</option>
<option>26</option>
<option>27</option>
<option>28</option>
<option>29</option>
<option>30</option>
<option>31</option>
</select>
<select name="tbln" id="tbln">
<option selected="selected">1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
</select>
<select name="tthn" id="tthn">
<option>1980</option>
<option>1981</option>
<option>1982</option>
<option>1983</option>
<option>1984</option>
<option>1985</option>
<option>1986</option>
<option>1987</option>
<option>1988</option>
<option>1989</option>
<option>1990</option>
<option>1991</option>
<option>1992</option>
<option>1993</option>
<option>1994</option>
<option>1995</option>
<option>1996</option>
<option>1997</option>
<option>1998</option>
<option>1999</option>
</select>
</label></td>
</tr>
<tr>
<td>Agama</td>
<td><label>
<select name="tagama" id="tagama">
<option selected="selected">Islam</option>
<option>Kristen</option>
<option>Katholik</option>
<option>Hindu</option>
<option>Budha</option>
</select>
</label></td>
</tr>
<tr>
<td>Hoby</td>
<td><label>
<input name="cm" type="checkbox" id="cm" value="Mancing" />
Mancing<br />
<input name="cv" type="checkbox" id="cv" value="Voly" />
Voly <br />
<input name="cs" type="checkbox" id="cs" value="Sepak bola" />
Sepak Bola<br />
<input name="cr" type="checkbox" id="cr" value="renang" />
Renang</label></td>
</tr>
<tr>
<td>Alamat</td>
<td><label>
<textarea name="talamat" id="talamat"></textarea>
</label></td>
</tr>
<tr>
<td>No Telepon </td>
<td><label>
<input name="t3" type="text" id="t3" />
</label></td>
</tr>
<tr>
<td> </td>
<td><label>
<input type="submit" name="Submit" value="Daftar" />
<input type="submit" name="Submit2" value="Cancel" />
</label></td>
</tr>
</table>
<p> </p>
<p> </p>
</form>
</body>
</html>
Setelah itu buat file baru dan isikan kode berikut simpan dengan nama hasilpendaftaran.php, simpan di folder pendaftaran.
Coba sobat sekarang jalankan programnya buka Mozilla Firefox ketikan localhost/pendaftran/formdaftar.php lalu enter.
Hasil nya kurang lebih seperti ini :
<option>1998</option>
<option>1999</option>
</select>
</label></td>
</tr>
<tr>
<td>Agama</td>
<td><label>
<select name="tagama" id="tagama">
<option selected="selected">Islam</option>
<option>Kristen</option>
<option>Katholik</option>
<option>Hindu</option>
<option>Budha</option>
</select>
</label></td>
</tr>
<tr>
<td>Hoby</td>
<td><label>
<input name="cm" type="checkbox" id="cm" value="Mancing" />
Mancing<br />
<input name="cv" type="checkbox" id="cv" value="Voly" />
Voly <br />
<input name="cs" type="checkbox" id="cs" value="Sepak bola" />
Sepak Bola<br />
<input name="cr" type="checkbox" id="cr" value="renang" />
Renang</label></td>
</tr>
<tr>
<td>Alamat</td>
<td><label>
<textarea name="talamat" id="talamat"></textarea>
</label></td>
</tr>
<tr>
<td>No Telepon </td>
<td><label>
<input name="t3" type="text" id="t3" />
</label></td>
</tr>
<tr>
<td> </td>
<td><label>
<input type="submit" name="Submit" value="Daftar" />
<input type="submit" name="Submit2" value="Cancel" />
</label></td>
</tr>
</table>
<p> </p>
<p> </p>
</form>
</body>
</html>
Setelah itu buat file baru dan isikan kode berikut simpan dengan nama hasilpendaftaran.php, simpan di folder pendaftaran.
ekoninjarr.blogspot.com
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.style2 {font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 18px; }
.style3 {
font-weight: bold;
font-size: 18;
font-family: Geneva, Arial, Helvetica, sans-serif;
}
-->
</style>
</head>
<body>
<p> </p>
<form id="form1" name="form1" method="post" action="">
<p align="center" class="style2">Selamat Datang </p>
<table width="345" height="228" border="3" align="center" bordercolor="#0000FF" bgcolor="#FF0000">
<tr>
<td width="331" bordercolor="#0000FF" bgcolor="#66FF00"><?php
$a=$_POST['t1'];
$b=$_POST['r1'];
$c=$_POST['t2'];
$d=$_POST['ttgl']." ".$_POST['tbln']." ".$_POST['tthn'];
$g=$_POST['tagama'];
$h=$_POST['cm']." ".$_POST['cv']." ".$_POST['cs']." ".$_POST['cr'];
$i=$_POST['talamat'];
$j=$_POST['t3'];
echo "Nama Lengkap :$a<br>";
echo "Jenis Kelamin :$b<br>";
echo "Tempat Lahir :$c<br>";
echo "Tanggal Lahir :$d<br>";
echo "Agama :$g<br>";
echo "Hoby :$h<br>";
echo "Alamat :$i<br>";
echo "No Telepon :$j<br>";
?></td>
</tr>
</table>
</form>
<p align="center" class="style3"><span class="styler1">Terima Kasih Telah Mendaftar</span>
<body>
</p>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.style2 {font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 18px; }
.style3 {
font-weight: bold;
font-size: 18;
font-family: Geneva, Arial, Helvetica, sans-serif;
}
-->
</style>
</head>
<body>
<p> </p>
<form id="form1" name="form1" method="post" action="">
<p align="center" class="style2">Selamat Datang </p>
<table width="345" height="228" border="3" align="center" bordercolor="#0000FF" bgcolor="#FF0000">
<tr>
<td width="331" bordercolor="#0000FF" bgcolor="#66FF00"><?php
$a=$_POST['t1'];
$b=$_POST['r1'];
$c=$_POST['t2'];
$d=$_POST['ttgl']." ".$_POST['tbln']." ".$_POST['tthn'];
$g=$_POST['tagama'];
$h=$_POST['cm']." ".$_POST['cv']." ".$_POST['cs']." ".$_POST['cr'];
$i=$_POST['talamat'];
$j=$_POST['t3'];
echo "Nama Lengkap :$a<br>";
echo "Jenis Kelamin :$b<br>";
echo "Tempat Lahir :$c<br>";
echo "Tanggal Lahir :$d<br>";
echo "Agama :$g<br>";
echo "Hoby :$h<br>";
echo "Alamat :$i<br>";
echo "No Telepon :$j<br>";
?></td>
</tr>
</table>
</form>
<p align="center" class="style3"><span class="styler1">Terima Kasih Telah Mendaftar</span>
<body>
</p>
</body>
</html>
Coba sobat sekarang jalankan programnya buka Mozilla Firefox ketikan localhost/pendaftran/formdaftar.php lalu enter.
Hasil nya kurang lebih seperti ini :
Dan seperti ini :
Selamat mencoba sobatku, semoga berhasil, kalau ada kendala bisa ditanyakan kok, jangan sungkan-sungkan, hehehehe....!!!
Semoga bermanfaat.....!
baca juga : Belanja di elevenia gratis voucher 1 juta
Contoh Aplikasi Sederhana Pendaftaran Online Dengan PHP
4/
5
Oleh
Unknown
15 comments
Tulis commentsBaru belajar juga...
Replymakasih mau berkunjung
Warning!! SPAM has been detected!
Replymonggo gan disedot..
Replymau nanya ni kalau udah daftar hasilnya di simpan kemana ya
Replygan.. mau nanya nih.. template bloggernya download dmna ya? terimakasih yoo
ReplyWarning!! SPAM has been detected!
Replymf mas saya mau tanya, kalo mengkoneksiin ke database nya gimana ya?? kirim blasan ny ke email saya mas (zufandi63@gmail.com) makasih...
Replygan sy sudah buat. projec diatas tapi kenapa ketika saya hanya menceklis satu dari beberapa pilihan hobinya ... error gan..?
Replytapi kalau hobinya di ceklis semua tidak eror
apa permasalahnnya gan
Makasih infonya
ReplySemoga sukses terus
kok gak bsa di copas yaa
ReplyWarning!! SPAM has been detected!
ReplyWarning!! SPAM has been detected!
ReplyWarning!! SPAM has been detected!
ReplyWarning!! SPAM has been detected!
Reply