Advertisement
jasonhe3

• 55. Creating A Marathon Registration Form Intro

May 27th, 2022
884
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <Title>Race Register Form</Title>
  5.     </head>
  6.     <body>
  7.         <div>
  8.             <h1>Race Registration!</h1>
  9.         </div>
  10.         <div>
  11.             <form>
  12.                 <label for="first">First Name</label>
  13.                 <input type="text" id="first">
  14.                 <label for="last">Last Name</label>
  15.                 <input type="text" id="last">
  16.             </form>
  17.         </div>
  18.  
  19.         <div>
  20.             <p>Select a Race</p>
  21.         </div>
  22.  
  23.         <div>
  24.             <form>
  25.                 <input type="radio" id="fun_run" name="race">
  26.                 <label for="fun_run">Fun Run 5k</label><br>
  27.                 <input type="radio" id="half_m" name="race">
  28.                 <label for="half_m">Half Marathon</label><br>
  29.                 <input type="radio" id="full_m" name ="race">
  30.                 <label for="full_m">Full Marathon</label><br>
  31.                 <label for="email">Email</label>
  32.                 <input type="text" id="email">
  33.                 <label for="password">Password</label>
  34.                 <input type="text" id="password"><br>
  35.                 <label for="age_group">Select Age Group</label>
  36.                 <select id="age_group">
  37.                     <option>under 18</option>
  38.                     <option>18-30</option>
  39.                     <option>30-50</option>
  40.                     <option>50+</option>
  41.                 </select><br>
  42.                 <button type="submit">Register!</button>
  43.             </form>
  44.         </div>
  45.        
  46.     </body>
  47. </html>
  48.  
Advertisement
RAW Paste Data Copied
Advertisement