Advertisement
Guest User

Untitled

a guest
Jun 21st, 2018
90
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 2.34 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.     </style>
  34.     <script>
  35. </script>
  36. </head>
  37.  
  38. <body>
  39.     <h2 style="text-align: center">Member Register Form</h2>
  40.     <div class="form">
  41.         <form>
  42.             Username:<input class="textbox" /><br />
  43.             Password:<input class="textbox" type="password" />
  44.             <br />
  45.             Confirm Password:<input class="textbox" type="password" /><br />
  46.             Avatar:<input type="file" /><br />
  47.             Gender:
  48.             <div style="text-align: right">
  49.                
  50.                 <input type="radio" name="gender" value="Male" checked="checked" />Male
  51.         <input type="radio" name="gender" value="Female" />Female
  52.         <input type="radio" name="gender" value="Other" />Other<br />
  53.             </div>
  54.  
  55.             <div style="text-align: right">
  56.                 Hobbies:
  57.                 <input type="checkbox" value="Swimming" />Swimming
  58.         <input type="checkbox" value="Football" />Football
  59.         <input type="checkbox" value="Music" />Music<br />
  60.             </div>
  61.  
  62.             <div style="text-align: right">
  63.                 <a style="text-align:left;text-decoration:none">Country: </a>
  64.                     <select>
  65.                         <option value="vietnam">Viet Nam </option>
  66.                         <option value="laos">Laos </option>
  67.                         <option value="cambodia">Cambodia </option>
  68.                     </select><br />
  69.             </div>
  70.             Comments:<br />
  71.             <textarea rows="6" cols="100"></textarea><br />
  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