Online PHP editor | output for SkN2i

<html> <head> <title> Register ! </title> <style> .bdy { padding-top:2.5%; width:80%; font-size:16pt; } .t { width:50%; font-size:18pt; } .header { top:0; left:0; width:100%; background: #F8F8F8; color:#000000; height:5%; position:fixed; text-align:right; font-size:25pt; padding-top:5; } .spacer { width:70%; height:2; display:inline-block; } .sp2 { width:5; height:2; display:inline-block; } .sub { top:0; left:0; bottom:0; width:10%; height:100%; background: #F6F6F6; color:#0F0F0F; font-size:30pt; text-align:center; display:inline-block; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -ms-transition: all 0.7s; transition: all 0.7s; } pre { display:inline; font-size:20pt; font-face:Arial; } .sub:hover { background: #2F2F8F; color:#FFFFF0; } .f { font-size:25pt; } .ht { top:0; left:0; color:#060606; font-size:25pt; display:inline; } .e { font-size:14pt; height:auto; width:auto; color:red; } body { background:black; color:white; } .sbt { height:80; width:120; color:white; background: #1ABC9C; border:none; -webkit-border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; border-radius:15px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; } .sbt:hover { background: #7A7AFF; } .ok { color:green; font-size:30pt; } </style> </head> <body> <div class="header"> <div class="ht"> Register </div> <div class="spacer"> <br> </div> <a href="index.php"> <div class="sub"> Home </div> </a> <div class="sp2"> <br> </div> <div class="sub"> Login </div> <div class="sp2"> <br> </div> </div> <center> <?php $e=0; ?> <div class="bdy"><br><br><br><br> <fieldset class="f"> <br><br> <pre>Kindly fill the form below to register ... </pre> <br><br> <form action="register.php"> <pre>First Name: </pre><input type="text" class="t" name="fn" value="<?php if(isset($_REQUEST['stat'])) echo $_REQUEST['fn']; ?>"> <br> <div class=e> <?php if(isset($_REQUEST['stat'])) { if($_REQUEST['fn']=="") { $e=1; echo'First Name Cannot Be Empty!'; } } ?> </div><br> <pre>Last Name: </pre><input type="text" class="t" name="ln" value="<?php if(isset($_REQUEST['stat'])) echo $_REQUEST['ln']; ?>"> <br> <div class=e> <?php if(isset($_REQUEST['stat'])) { if($_REQUEST['ln']=="") { $e=1; echo'Last Name Cannot Be Empty!'; } } ?> </div><br> <pre>Email ID: </pre><input type="text" class="t" name="ei" value="<?php if(isset($_REQUEST['stat'])) echo $_REQUEST['ei']; ?>" ><br> <div class=e> <?php if(isset($_REQUEST['stat'])) { if($_REQUEST['ei']=="") { $e=1; echo'Email Cannot Be Empty!'; } } ?> </div><br> <pre>Choose a username: </pre><input type="text" class="t" name="un" value="<?php if(isset($_REQUEST['stat'])) echo $_REQUEST['un']; ?>"><br> <div class=e> <?php if(isset($_REQUEST['stat'])) { if($_REQUEST['un']=="") { $e=1; echo'Username Cannot Be Empty!'; } } ?> </div><br> <pre>Choose a password: </pre><input type="password" class="t" name="pass"><br> <div class=e><?php if(isset($_REQUEST['stat'])) { if($_REQUEST['pass']=="") { $e=1; echo'Password Cannot Be Empty!'; } } ?> </div><br> <pre>Verify password: </pre><input type="password" class="t" name="ver"> <div class=e> <?php if(isset($_REQUEST['stat'])) { if($_REQUEST['ver']=="") { echo'Verify Password Cannot Be Empty!<br>'; $e=1; } if($_REQUEST['ver']!=$_REQUEST['pass']) { echo'Passwords DO NOT match'; $e=1; } } ?> </div><br><br> <input type="submit" class="sbt" name="sb" value="Sumit !"> <input type="hidden" name="stat" value="true"> <?php if(isset($_REQUEST['stat'])) { if($e==0) { echo '<br><br><br><div class="ok"> All details are correct ! </div>'; } } ?> </form> </fieldset> </center> </div> </body> </html>