Ketiklah kode berikut pada text editor simpan dengan nama form-registrasi.html pada root direktori web server
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml/DTD/xhtml-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="on" lang="on">
<head>
<title>Membership Form</title>
<link rel="stylesheet" type="text/css" href="common.css" />
<!--common.cs merupakan code dari buku Beginning PHP 5.3-->
</head>
<body>
<h1>Formulir Pendaftaran</h1>
<form action="registrasi.php" method ="POST">
<div style ="width:30 cm;">
<label for ="nama">Nama</label>
<input type ="text" name ="nama" id="nama" value = ""/>
<label for = "nim">N I M</label>
<input type="text" name ="nim" id ="nim" value ="" />
<label for = "password1">Password</label>
<input type="password" name ="password1" id ="password1" value ="" />
<label for = "password2">konfirmasi password</label>
<input type="password" name="password2" id="password2" value="" />
<label for ="laki-laki">Apakah Anda Laki-Laki...</label>
<input type="radio" name="jk" id="Laki-Laki" value ="Laki-Laki"/>
<label for="perempuan">...atau perempuan?</label>
<input type="radio" name="jk" id="perempuan" value="perempuan"/>
<label for ="paket">paket yang anda pilih?</label>
<select name="paket" id="favoriteWidget" size="1">
<option value="platinum">Paket Platinum</option>
<option value="gold">Paket Gold</option>
<option value="silver">Paket Silver</option>
</select>
<input type="submit" name="daftar" id="daftar" value="Daftar"/>
</div>
</form>
</body>
</html>
Kemudian ketik kode berikut pada text editor simpan dengan nama common.css pada root direktori web server.
/*Page Body */
body {font-family : Arial,helvetia,sans-serif;}
/*definition lists*/
dl { width:100%; margin:2em 0; padding: 0; clear: both; overflow:auto; }
dt { width:30%; float : left ; margin:0; padding: 5px 9.9% 5px 0; 0 order-top:1px solid #DDDDB7; font-weight:bold; overflow:auto; clear:left; }
dd { width : 60%; float :left; margin:0; padding:6px 0 5px 0; border-top:1px solid #DDDDB7; overflow:auto; }
/*headings*/
h1{ font-weight:bold; margin:35px 0 14px; color:#666; font-size:1.5em; }
h2{ font-weight:bold; margin:30px 0 12px; color:#666; font-size:1.3em; }
h3{ font-weight:normal; margin:30px 0 12px; color:#666; font-size:1.2em; }
h4{ font-weight:bold; margin:25px 0 12px; color:#666; font-size:1.0em; }
h5{ font-weight:bold; margin:25px 0 12px; color:#666; font-size:0.9em; }
/*form*/
label { display:block; float:left;
clear:both; text-align:right; margin:0.6em 5px 0 0; width: 40%; }
input,select,textarea { float:right; margin:1em 0 0 0; width:57%; }
input { border:1px solid #666; }
input[type=radio], iinput[type=checkbox],input[type=submit],input[type=reset],input[type=button],input[type=image]{ width:auto; }
Lalu yang berikutnya ketik kode berikut pada text editor dan simpan dengan nama registrasi.php pada root direktori web server
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml/DTD/xhtml-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="on" lang="on">
<head>
<title>Konfirmasi Pendaftaran</title>
<link rel="stylesheet" type="text/css" href="common.css" />
</head>
<body>
<h1>Anda Telah Terdaftar</h1>
<p>Berikut adalah data anda:</p>
<dl>
<dt>Nama Anda </dt><dd><?php echo $_POST["nama"]?></dd>
<dt>nim</dt><dd><?php echo $_POST["nim"]?></dd>
<dt>Password</dt><dd><?php echo $_POST["password"]?></dd>
<dt>Jenis Kelamin</dt><dd><?php echo $_POST["jk"]?></dd>
<dt>Paket yang anda Pilih</dt><dd><?php echo $_POST["paket"]?></dd>
</dl>
</body>
</html>
Maka outputnya akan seperti ini :
Tidak ada komentar:
Posting Komentar