how to make a signup page in html

Solutions on MaxInterview for how to make a signup page in html by the best coders in the world

Search
showing results for - "how to make a signup page in html"
Nanette
15 Aug 2017
1<!DOCTYPE html>
2<html>
3<head>
4<meta name="viewport" content="width=device-width, initial-scale=1">
5<style>
6body {
7  font-family: Arial, Helvetica, sans-serif;
8  background-color: black;
9}
10
11* {
12  box-sizing: border-box;
13}
14
15/* Add padding to containers */
16.container {
17  padding: 16px;
18  background-color: white;
19}
20
21/* Full-width input fields */
22input[type=text], input[type=password] {
23  width: 100%;
24  padding: 15px;
25  margin: 5px 0 22px 0;
26  display: inline-block;
27  border: none;
28  background: #f1f1f1;
29}
30
31input[type=text]:focus, input[type=password]:focus {
32  background-color: #ddd;
33  outline: none;
34}
35
36/* Overwrite default styles of hr */
37hr {
38  border: 1px solid #f1f1f1;
39  margin-bottom: 25px;
40}
41
42/* Set a style for the submit button */
43.registerbtn {
44  background-color: #4CAF50;
45  color: white;
46  padding: 16px 20px;
47  margin: 8px 0;
48  border: none;
49  cursor: pointer;
50  width: 100%;
51  opacity: 0.9;
52}
53
54.registerbtn:hover {
55  opacity: 1;
56}
57
58/* Add a blue text color to links */
59a {
60  color: dodgerblue;
61}
62
63/* Set a grey background color and center the text of the "sign in" section */
64.signin {
65  background-color: #f1f1f1;
66  text-align: center;
67}
68</style>
69</head>
70<body>
71
72<form action="/action_page.php">
73  <div class="container">
74    <h1>Register</h1>
75    <p>Please fill in this form to create an account.</p>
76    <hr>
77
78    <label for="email"><b>Email</b></label>
79    <input type="text" placeholder="Enter Email" name="email" required>
80
81    <label for="psw"><b>Password</b></label>
82    <input type="password" placeholder="Enter Password" name="psw" required>
83
84    <label for="psw-repeat"><b>Repeat Password</b></label>
85    <input type="password" placeholder="Repeat Password" name="psw-repeat" required>
86    <hr>
87    <p>By creating an account you agree to our <a href="#">Terms & Privacy</a>.</p>
88
89    <button type="submit" class="registerbtn">Register</button>
90  </div>
91  
92  <div class="container signin">
93    <p>Already have an account? <a href="#">Sign in</a>.</p>
94  </div>
95</form>
96
97</body>
98</html>
99
similar questions
sign up or log in htmlhtml won signhtml cedi signhtml manat signand sign htmllogin screen htmlhow to make a sign up pagehtml peso signhow to make a html loginhtml new sheqel signregistration form template htmlhow to make a login page in htmlsign up html templatehow to make a html login pagehtml kip signhtml lira signhow to make a simple login page in html
queries leading to this page
signup in htmlcreate a signup form in htmlsign up page using phphow to make signup button htmlhtml responsive sign up formssample html javascript css sign up codesignin and signup page inhtmlsign up sign in htmlsign up design htmlcool signup sign in pages htmlsignup page html csssimple html sign up formsignup page using html and csslogin sign up formsimple signup page in htmlhow to create sign up page in htmlaccount application html csssignup form csssign in and sign up page in html cssphp signup form w3schoolshtml signup pagesbest signup page with html codehtml form sign upsignup login formhow to make a signup and login page in htmlsign up buttonsignup sheet in htmlhow to make a sign up page in htmlhow to create a signup page in htmlsign up page design in html and csshtml add uuers html signup sign up html pagehow to add sign up to website htmlhow to create signup and login page in htmlbasic signup form htmlcreate sign up page in htmlhtml for sign up formform sign up htmlsign up page html with codehtml sign upsignup and signin page in htmlsample sign up form htmlhow to create sign up form in htmlhow to make a signup page in htmlcreate signup page in html and cssuser sign up sign in html templatehow to create a sign up page in htmlhtml code to create a sign up formhtml css signup formhow to add a sign up page in html css phpsign up form htmlsignup form htmlhtml code for sign up pgehtml code for signup pagecreate admin page in phpsign up form html 2fpages 2fsignup htmlsignup page in html and csshow to make a login html pagesignup page in htmlsign up button htmlhow to make a sign up page in html and csssignup form in htmlsignup page htmlsign up form html codecreating a signup form to a new page in htmlsign up htmlsimple signup form in htmlsimple sign up page htmlsimple signup form htmlmake a signup form with htmlhow to create signup form in htmlhtml sign up pagehtml sign up formsign up pagesignup htmlsign up htmlsignup css templatehow to make a sign up form in htmlcreate signup page in htmlsignup form for htmlhow to create a sign up in htmlsign up form example htmlsign up from htmlsign up bootstraphow to create a signup form in htmlsimple sign up html page signup page using html5how to make sign up page in htmllogin and signup simple html templatehow to make a sign up for htmlcreate a signup page html csssign upform htmlhow to make a html sign up pagesignup html filehtml signup formsign up section htmlbasic html signup formsign up page html csshow to create a sign up option and profile page in htmla html sign up pagemake loading screen html when form submit phplogin and signup pagehow to create a sign up form in htmlhow to design sign up page in htmlcan you create a signup form on a static website in htmlbottom sig in sign up htmlcreate a signup page with htmlhtml signup pagehtml create sign up formsign up html pagesign up form in htmlsignup signin page through html csssignup page in html csssignup page in html 5chow to make a sign up a website htmlhow to add a new page template in wordpress cmnshow to make web page chat chatbot javascriptsign up page example htmlsign up simple in htmljavascript login page with databasesign up page in htmlsign in and sign up form in one page html csssignup html sign up page html codesign up page htmlsign in and sign up form in htmlhow to add a cedi sign in htmlusir signup page in htmlhow to make a signup page in html