 |
registration form using only html and css |
<!DOCTYPE html>
<html>
<head>
<title> Registration form</title>
<style>
body{
margin-top: 50px;
padding-top: 20px;
background-color: #800080;
}
input{
/*color: red;*/
margin: 1px;
padding: 8px;
font-size: 15px;
background-color: aqua;
}
#abc{
/*color: yellow;*/
font-weight: bold;
margin: 1px;
padding: 8px;
width: 515px;
height: 60px;
font-size: 15px;
background-color: aqua;
}
#abc1{
color: blue;
width: 265px;
margin: 0px;
padding-top: 2px;
}
#abc1 : hover{
color: magenta;
background-color: blue;
}
h3{
color: yellow;
border: 5px;
}
</style>
</head>
<body>
<form name="input" action="no-action.php" method="post" align="center">
<div>
<h3>Registration form</h3>
<!-- First Name :<br> -->
<input type="text" name="firstname" placeholder="Full Name :" size="60px"><br>
<!-- Middle Name :<br> -->
<input type="text" name="firstname" placeholder="Father's Name :"size="60px"><br>
<!-- Last Name :<br> -->
<input type="text" name="firstname" placeholder="Mother's Name :"size="60px"><br>
<!-- Email :<br> -->
<input type="Email" name="Email" placeholder="Email :"size="60px" required=""><br>
<!-- Password :<br> -->
<input type="Password" name="Password" placeholder="Password :"size="60px"><br>
<!-- Mobile No :<br> -->
<input type="tel" name="tel" placeholder="Mobile No :"size="60px"><br>
<input type="text" name="text" placeholder="Pin Code :"size="60px"><br>
<textarea id="abc" placeholder="Address :"></textarea><br>
<input id="abc1" type="submit" name="" value="Submit Now" size="100px">
<input id="abc1" type="reset" name="" value="Reset Now" size="100px">
</div>
</form>
</body>
</html>