REGISTRATION FROM
CODE:
<html>
<head>
<title>Registration from by code cafe</title>
</head>
<body>
<from action="">
<div class="container">
<h1 class="reg">Registration From</h1>
<p ><b> Please fill in this from to create account</b></p>
<hr>
<label for="email"><b>Email Address</b></label>
<input type="email" id="email" name="email" placeholder="enter your email id" required><br>
<label for="mob"><b>Phone Number</b></label>
<input type="text" id="mob" name="mob" placeholder="Mobile no" required><br>
<center><button type="submit" class="regbtn">Registration</button></center>
<div class="login">
<p>Already have an account?<a href=" ">login</a></p>
</div>
</div>
</from>
<style>
.container{
width:700px;
height:400px;
margin-top:20px;
margin-left:200px;
border-style:solid;
border-color:blue;
border-width:2px;
padding:16px;
}
input{
width:100%;
padding:15px;
display:inline-block;
border:0;
outline:0;
border-bottom:2px solid blue;
}
input:focus{
border-bottom:2px solid red;
}
label{
padding:10px;
}
.reg{
text-align:center;
}
p{
text-align:center;
}
.regbtn{
background-color:blue;
color:white;
padding:10px 20px;
margin:8px 0;
cursor:pointer;
border:none;
}
.regbtn:hover{
background-color:red;
color:white;
padding:10px 20px;
cursor:pointer;
tranfrom:0.3s;
border:none;
}
</style>
</body>
</html>
Use:
fast select and copy(ctrl+c) this code → Now open notepad → Paste(ctrl+v) the code → Save the code with html extension for example:filename.html Now click the save file it run your browser.
1 Comments
Its really helpful, thnx code cafe
ReplyDeletePost a Comment