Advertisement
Guest User

Untitled

a guest
Aug 30th, 2016
130
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.62 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title></title>
  6. <style>    
  7.     input {
  8.         display:block;
  9.     }
  10.     .field {
  11.         width:400px;
  12.        
  13.     }
  14.     .message {
  15.         width:400px;
  16.     }
  17.     .country {
  18.         display:inline-block;
  19.     }
  20.     .car {
  21.         display:inline-block;
  22.     }
  23.     .datapas {
  24.         display:inline-block;
  25.     }
  26.     .gray {
  27.         color:gray;
  28.     }
  29.     p {
  30.         display:inline-block;
  31.     }
  32.     fieldset {
  33.         border: none;
  34.     }
  35. </style>
  36. </head>
  37. <body>
  38.     <form>
  39.         <fieldset>
  40.         <label class="gray"><h2>Your name:</h2>
  41.             <input type="text" name="name" placeholder="Your name" class="field">
  42.         </label>
  43.         <label class="gray"><h2>Your E-mail Address:</h2>
  44.             <input type="text" name="mail" placeholder="Your e-mail" class="field">
  45.         </label>
  46.         <label class="gray"><h2>Your message:</h2>
  47.             <textarea class="gray" rows="8" cols="54">Please describe your question or comment</textarea>
  48.         </label>
  49.         </fieldset>
  50.         <input type="submit" value="Send">
  51.     </form>
  52.     <form>
  53.     <h2>Run your inteligent robo-car</h2>
  54.         <fieldset>
  55.             <legend><h2>Select your country:</h2></legend>
  56.             <label class="country">
  57.             <p class="gray">Poland:</p>
  58.             <input class="country" type="checkbox" name="Country" value="1" checked>
  59.         </label>
  60.         <label class="country">
  61.             <p class="gray">US:</p>
  62.             <input class="country" type="checkbox" name="Country" value="2">
  63.         </label>
  64.         <label class="country">
  65.             <p class="gray">San Marino:</p>
  66.             <input class="country" type="checkbox" name="Country" value="3">
  67.         </label>
  68.         </fieldset>
  69.         <fieldset>
  70.             <legend><h2>Select Car:</h2></legend>
  71.             <label class="car">
  72.                 <p class="gray">BMW:</p>
  73.                 <input class="car" type="radio" name="car" value="1" checked>
  74.             </label>
  75.             <label>
  76.                 <p class="gray">Jaguar:</p>
  77.                 <input class="car" type="radio" name="car" value="2">
  78.             </label>
  79.         </fieldset>
  80.     <h2>When?</h2>
  81.         <label class="datapas gray" for="data">Date:
  82.             <input class="datapas" type="text" name="date" placeholder="dd.mm.rrrr"></label>
  83.         <h2>Start engine.</h2>
  84.         <label class="datapas gray"> Enter password*:
  85.             <input class="datapas" type="password" name="pass"> </label>
  86.         <input type="submit" value="RUN YOUR CAR">
  87.     </form>
  88. </body>
  89. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement