daily pastebin goal
43%
SHARE
TWEET

Untitled

a guest Mar 22nd, 2019 60 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title>Request a hotel room</title>
  5.     <link rel="stylesheet" type="text/css" href="style.css">
  6. </head>
  7. <body>
  8.     <form>
  9.         <fieldset>
  10.             <legend>Personal data</legend>
  11.             <div class="double-input">
  12.                 <div class="form-input-container">
  13.                     <label for="fname">First name</label>
  14.                     <input type="text" id="fname" placeholder="Ania" minlength="3" required>
  15.                 </div>
  16.                 <div class="form-input-container">
  17.                     <label for="lname">Last name</label>
  18.                     <input type="text" id="lname" placeholder="lname" minlength="3" required>
  19.                 </div>
  20.             </div>
  21.             <div class="double-input">
  22.                 <div class="form-input-container">
  23.                     <label for="email">E-mail</label><input type="email" id="email" placeholder="e-mail" required>
  24.                 </div>
  25.                 <div class="form-input-container">
  26.                     <label for="phone">Phone</label><input type="tel" id="phone" placeholder="phone" required>
  27.                 </div>
  28.             </div>
  29.         </fieldset>
  30.         <fieldset>
  31.             <legend>Room details</legend>
  32.             <div class="double-input">
  33.                 <div class="form-input-container">
  34.                     <label for="hotelcity">City</label>
  35.                     <select id="hotelcity">
  36.                         <option value="new-york">New York</option>
  37.                         <option value="las-vegas">Las Vegas</option>
  38.                         <option value="chicago">Chicago</option>
  39.                         <option value="miami">Miami</option>
  40.                     </select>    
  41.                 </div>
  42.                 <div class="form-input-container">
  43.                     <label for="capacity">For (capacity)</label>
  44.                     <input type="number" id="capacity" value="1" min="1" max="10" step="1" />
  45.                 </div>
  46.             </div>
  47.             <div class="double-input">
  48.                 <div class="form-input-container date-select">
  49.                     <label for="start-date-day">Start Date</label>
  50.                     <select name="start-date-day">
  51.                         <option disabled selected>Day</option>
  52.                         <option value="1">1</option>
  53.                         <option value="2">2</option>
  54.                         <option value="3">3</option>
  55.                         <option value="4">4</option>
  56.                         <option value="5">5</option>
  57.                     </select>
  58.                     <label for="start-date-month">Start Month</label>
  59.                     <select name="start-date-month">
  60.                         <option disabled selected>Month</option>
  61.                         <option value="january">January</option>
  62.                         <option value="february">February</option>
  63.                         <option value="march">March</option>
  64.                         <option value="april">April</option>
  65.                         <option value="may">May</option>
  66.                     </select>    
  67.                 </div>
  68.                 <div class="form-input-container date-select">
  69.                     <label for="end-date-day">End Day</label>
  70.                     <select name="end-date-day">
  71.                         <option disabled selected val="">Day</option>
  72.                         <option value="1">1</option>
  73.                         <option value="2">2</option>
  74.                         <option value="3">3</option>
  75.                         <option value="4">4</option>
  76.                         <option value="5">5</option>
  77.                     </select>
  78.                     <label for="end-date-month">End Month</label>
  79.                     <select name="end-date-month">
  80.                         <option disabled selected val="">Month</option>
  81.                         <option value="january">January</option>
  82.                         <option value="february">February</option>
  83.                         <option value="march">March</option>
  84.                         <option value="april">April</option>
  85.                         <option value="may">May</option>
  86.                     </select>  
  87.                 </div>
  88.             </div>
  89.         </fieldset>
  90.         <button type="submit">Submit a request</button>
  91.     </form>
  92. </body>
  93. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top