html5andphp: login form

Thursday, 18 July 2013

login form

Making login form using html and css 


Html code
<pre>
<!DOCTYPE >
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<link rel="stylesheet" href="formcss.css" type="text/css">
</head>

<body><br><br><br><br><br><br><br><br><br><br>
<div align="center">

<fieldset id="uk">
<legend >login</legend>
<table ><br>
<td width="91"><form action="login.php" name="form" method="post" >
<tr>
<td>UssEr NamE*:</td><td width="193"><input type="text" name="name" placeholder="Enter User Name" id="uk1" > <br></td>
</tr>
<tr>
<td>PassworD:*</td><td><input type="password" name="pass" placeholder="Enter Your Password" id="uk1"></td>
</tr>
<tr>
  <td colspan="50"><input type="submit" name="sub" value="   log in   " /></td>
</tr>
<tr>
<td>*required field</td>
<td><a href="gdvsagdv.php">Forgot Password</a></td>

</tr>
</form>
</table>
</fieldset>

</div>
</body>
</html>

</pre>
Css Code




#uk


 width:300px;

height:200px;

margin:auto;

background:#66FFFF;

border:#0033FF;

-webkit-border-radius:25px;
-moz-border-radius:25px;
font-size:14px;
 }
 #uk1{
font:Arial, Helvetica, sans-serif;
 color:#CC33CC;
 font-size:14px;
-webkit-border-radius:25px;
-moz-border-radius:25px; 
 }
              

Output






Download PHP PDF php basic tutorial pdf




No comments: