Advertisement
LegendSujay2019

Making register form using html

Dec 30th, 2020
1,348
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.11 KB | None | 0 0
  1. <html>
  2.     <body>
  3.         <meta name="viewport" content="width=device-width, initial-scale=1">
  4. <style>
  5. body {
  6.   font-family: Arial, Helvetica, sans-serif;
  7.   background-color: black;
  8. }
  9.  
  10. * {
  11.   box-sizing: border-box;
  12. }
  13.  
  14. /* Add padding to containers */
  15. .container {
  16.   padding: 16px;
  17.   background-color: white;
  18. }
  19.  
  20. /* Full-width input fields */
  21. input[type=text], input[type=password] {
  22.   width: 100%;
  23.   padding: 15px;
  24.   margin: 5px 0 22px 0;
  25.   display: inline-block;
  26.   border: none;
  27.   background: #f1f1f1;
  28. }
  29.  
  30. input[type=text]:focus, input[type=password]:focus {
  31.   background-color: #ddd;
  32.   outline: none;
  33. }
  34.  
  35. /* Overwrite default styles of hr */
  36. hr {
  37.   border: 1px solid #f1f1f1;
  38.   margin-bottom: 25px;
  39. }
  40.  
  41. /* Set a style for the submit button */
  42. .registerbtn {
  43.   background-color: #4CAF50;
  44.   color: white;
  45.   padding: 16px 20px;
  46.   margin: 8px 0;
  47.   border: none;
  48.   cursor: pointer;
  49.   width: 100%;
  50.   opacity: 0.9;
  51. }
  52.  
  53. .registerbtn:hover {
  54.   opacity: 1;
  55. }
  56.  
  57. /* Add a blue text color to links */
  58. a {
  59.   color: dodgerblue;
  60. }
  61.  
  62. /* Set a grey background color and center the text of the "sign in" section */
  63. .signin {
  64.   background-color: #f1f1f1;
  65.   text-align: center;
  66. }
  67. </style>
  68. </head>
  69. <body>
  70.  
  71. <form action="/action_page.php">
  72.   <div class="container">
  73.     <h1>Register</h1>
  74.     <p>Please fill in this form to create an account.</p>
  75.     <hr>
  76.  
  77.     <label for="email"><b>Email</b></label>
  78.     <input type="text" placeholder="Enter Email" name="email" id="email" required>
  79.  
  80.     <label for="psw"><b>Password</b></label>
  81.     <input type="password" placeholder="Enter Password" name="psw" id="psw" required>
  82.  
  83.     <label for="psw-repeat"><b>Repeat Password</b></label>
  84.     <input type="password" placeholder="Repeat Password" name="psw-repeat" id="psw-repeat" required>
  85.     <hr>
  86.     <p>By creating an account you agree to our <a href="#">Terms & Privacy</a>.</p>
  87.  
  88.    <button type="submit" class="registerbtn">Register</button>
  89.  </div>
  90.  
  91.  <div class="container signin">
  92.    <p>Already have an account? <a href="#">Sign in</a>.</p>
  93.  </div>
  94. </form>
  95.  
  96. </body>
  97. </html>
  98.  
  99.    </body>
  100. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement