![]() |
Register Form using Html & Css |
Summery:
In this post we will learn that How To Create Register Form Using HTML & CSS. So If you have any doubts then you can do comment us. Or if you like our post then please share this and also subscribe our YouTube Channel.
Our Privacy:
All the articles and thumbnails of this website are created by us. We work hard because to provide better contents only for you. We try to clear all questions who request us and always try to cover all topics which is important in web design and develop world.
If we found that any one copy our contents and paste to other platforms the we take immediately action against him. And if you are found any type of this issue then you can contact us any time.
Introduction:
Today in this topic we learn that how we create register form using HTML and CSS. This form is fully responsive and very simple and attractive design. You can also change yourself too. This is very simple to create and if you want to create by yours then you have to subscribe our channel. You can use this register form in your website or blog too.
Our all codes helps you to make your website or blog better. So if you are a web designer or want to become a programmer or web designer then our all post or article will help you most. We also hard work to improve ourselves and always try to provide better contents. If you like our content then please do comment and share us your experience. If you want to download our android or ios app then you can download it in our footer section. So now lets go back to our topic and we provide the Source code also to create this tool by yourself.
How To Create:
If you want to create then you have to follow our instructions. And if you dont know how to set up then scroll up and you will see Subscribe us button just tap the button and you will be redirect to our youtube channel and you have to subscribe our channel to get all information about Programming and useful scripts because we always upload video in this topic.
Add HTML
<!doctype html>
<html>
<body>
<h1>Please Login Here !!</h1>
<h3>Name</h3>
<input type="text"
placeholder="First Name"</input>
<br>
<input type="text"
placeholder="Last Name"</input>
<br>
<br>
<h3>Email</h3>
<input type="text"
placeholder="Email"</input>
<br>
<br>
<h3>Choose Your Birthday</h3>
<input type="date"</input>
<br>
<br>
<h3>Choose Your Status</h3>
<input type="checkbox">Married
<input type="checkbox">Single
<input type="checkbox">Student
<br>
<br>
<h3>Where Are You From</h3>
<input placeholder="state">
<br>
<input placeholder="district">
<br>
<input placeholder="City"
<br>
<br>
<h3>Choose Your Password</h3>
<input type="password"
placeholder="password">
<br>
<h3>Conform Your Password</h3>
<input type="password"
placeholder="conform password"
<br>
<h4>(make sure your password should atleast 10-12 with one upper letter,one lower letter,one number and one symbol)</h4>
<div class="bt8n">
<p class="letext">Sing Up</p>
</div>
</body>
</html>
Add CSS
<style>
h1 {
text-align: center;
border: solid red 3px;
border-radius: 50px;
}
h3 {
font-weight: bold;
font-size: 18px;
font-family: monospace;
}
p {
color: red;
font-size: 13px;
}
.bt8n {
height: 40px;
width: 100px;
background: blue;
border-radius: 50px;
}
.letext {
font-size: 20px;
font-weight: bold;
color: black;
text-align: center;
padding: 6px;
}
</style>
First you have to copy the html tag and then you have to copy the css code and paste it after <html> and before <body> tag.
Then save the code in your notepad by providing a suitable name and make sure that you write .html after your code name ( for example:- registerpage.html ).
Conclusion:
So today in this post we discuss and learn How To Create Register Form Using HTML and CSS code. We also provide the Source Code.
And if you have any doubt then you have to subscribe our youtube channel and learn how you use or set up. Otherwise you can contact us any time.
0 Response to "How To Create Register Form Using HTML and CSS-G Programs"
Post a Comment
All readers please don't post any spam comment.