Advertisement
Guest User

Untitled

a guest
Jun 21st, 2018
99
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 2.30 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4. <head>
  5.     <meta charset="utf-8" />
  6.     <title>Forms</title>
  7.     <style>
  8.         body {
  9.             color: white;
  10.             background-color: #303030;
  11.         }
  12.  
  13.         form {
  14.             overflow: hidden;
  15.         }
  16.  
  17.         textarea {
  18.             background-color: beige;
  19.         }
  20.  
  21.             textarea:hover {
  22.                 background-color: aquamarine;
  23.             }
  24.  
  25.         div.form {
  26.             width: 45%;
  27.         }
  28.  
  29.         input.textbox {
  30.             float: right;
  31.             clear:both;
  32.            
  33.         }
  34.     </style>
  35.     <script>
  36. </script>
  37. </head>
  38.  
  39. <body>
  40.     <h2 style="text-align: center">Member Register Form</h2>
  41.     <div class="form">
  42.         <form>
  43.             Username:<input class="textbox" /><br />
  44.             Password:<input class="textbox" type="password" />
  45.             <br />
  46.             Confirm Password:<input class="textbox" type="password" /><br />
  47.             Avatar:<input type="file" /><br />
  48.             <p style="float: left">
  49.                 Gender:<br />
  50.                 Hobbies:
  51.                     <br />
  52.                 Country:
  53.                     <br />
  54.                 Comments:
  55.                     <br />
  56.             </p>
  57.             <p style="float: right; text-align: right">
  58.                 <input type="radio" name="gender" value="Male" checked="checked" />Male
  59.                 <input type="radio" name="gender" value="Female" />Female
  60.                 <input type="radio" name="gender" value="Other" />Other
  61.                     <br />
  62.                 <input type="checkbox" value="Swimming" />Swimming
  63.                 <input type="checkbox" value="Football" />Football
  64.                 <input type="checkbox" value="Music" />Music
  65.                     <br />
  66.                 <select>
  67.                     <option value="vietnam">Viet Nam </option>
  68.                     <option value="laos">Laos </option>
  69.                     <option value="cambodia">Cambodia </option>
  70.                 </select>
  71.             </p>
  72.             <input type="submit" value="Sign Up" />
  73.             <input type="reset" value="Cancel" />
  74.             <input type="button" value="Help" onclick="alert('See You Again')" /><br />
  75.         </form>
  76.     </div>
  77. </body>
  78.  
  79. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement