Advertisement
A_God

Form

Mar 9th, 2022
235
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 3.56 KB | None | 0 0
  1. <style>
  2.     .inputy {
  3.         background-color: black;
  4.     }
  5.    
  6.     .form-text {
  7.         color: black;
  8.         font-size: larger;
  9.         text-transform: uppercase;
  10.     }
  11.    
  12.     .formFeild {
  13.         padding: 1em;
  14.     }
  15.    
  16.     .one {
  17.         display: flex;
  18.         justify-content: space-around;
  19.     }
  20.    
  21.     .uno {
  22.         font-size: larger;
  23.         color: blueviolet;
  24.         text-transform: uppercase;
  25.         font-weight: 600;
  26.     }
  27. </style>
  28.  
  29.  
  30. <h2>Registration form</h2>
  31. <div id="dabba" style="background-color: antiquewhite;">
  32.     <form action="backend.php" class="form">
  33.         <fieldset>
  34.             <div class="one formFeild">
  35.                 <label for="enter your full name" class="form-text"> enter your full name</label><br>
  36.                 <input type="text" name="enter your full name" class="inputy" required><br>
  37.             </div>
  38.             <div class="two formFeild">
  39.                 <label for="enter your email" class="form-text">enter your email</label><br>
  40.                 <input type="text" name="enter your email" class="inputy" required><br>
  41.             </div>
  42.             <div class="three formFeild" class="form-text">
  43.                 <label for="password" class="form-text"> enter your password</label><br>
  44.                 <input type="text" name="enter your password" class="inputy" required><br>
  45.             </div>
  46.             <div class="four formFeild" class="form-text">
  47.                 <label for="confirm password" class="form-text">confirm password</label><br>
  48.                 <input type="text" name="confirm password" class="inputy" required><br><br>
  49.             </div>
  50.             <div class="five formFeild" class="form-text">
  51.                 <label for="enter your Gender" class="form-text">enter your Gender</label><br>
  52.                 <input type="radio" name="Gender" value="female" required>female<br>
  53.                 <input type="radio" name="gender" value="male" required>male<br>
  54.                 <input type="radio" name="gender" value="other" required>other<br><br>
  55.             </div>
  56.         </fieldset>
  57.     </form>
  58. </div>
  59. <br>
  60. <div id="box" style="background-color: rgb(184, 154, 255);">
  61.     <form action="backend.php" class="form">
  62.         <fieldset>
  63.             <div class="uno formFeild">
  64.                 <label for="enter your full name">enter your full name</label><br>
  65.                 <input type="text" name="enter your full name" class="inpu" required><br>
  66.             </div>
  67.             <div class="two formFeild">
  68.                 <label for="enter your email">enter your email</label><br>
  69.                 <input type="text" name="enter your email" class="inpu" required><br>
  70.             </div>
  71.             <div class="three formFeild">
  72.                 <label for="password"> enter your password</label><br>
  73.                 <input type="text" name="enter your password" class="inpu" required><br>
  74.             </div>
  75.             <div class="four formFeild">
  76.                 <label for="confirm password">confirm password</label><br>
  77.                 <input type="text" name="confirm password" class="inpu" required><br><br>
  78.             </div>
  79.             <div class="five formFeild">
  80.                 <label for="enter your Gender">enter your Gender</label><br>
  81.                 <input type="radio" name="Gender" value="female" required>female<br>
  82.                 <input type="radio" name="gender" value="male" required>male<br>
  83.                 <input type="radio" name="gender" value="other" required>other<br><br>
  84.             </div>
  85.         </fieldset>
  86.     </form>
  87. </div>
  88. </body>
  89.  
  90. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement