• 55. Creating A Marathon Registration Form Intro

<!DOCTYPE html>
<html>
    <head>
        <Title>Race Register Form</Title>
    </head>
    <body>
        <div>
            <h1>Race Registration!</h1>
        </div>
        <div>
            <form>
                <label for="first">First Name</label>
                <input type="text" id="first">
                <label for="last">Last Name</label>
                <input type="text" id="last">
            </form>
        </div>

        <div>
            <p>Select a Race</p>
        </div>

        <div>
            <form>
                <input type="radio" id="fun_run" name="race">
                <label for="fun_run">Fun Run 5k</label><br>
                <input type="radio" id="half_m" name="race">
                <label for="half_m">Half Marathon</label><br>
                <input type="radio" id="full_m" name ="race">
                <label for="full_m">Full Marathon</label><br>
                <label for="email">Email</label>
                <input type="text" id="email">
                <label for="password">Password</label>
                <input type="text" id="password"><br>
                <label for="age_group">Select Age Group</label>
                <select id="age_group">
                    <option>under 18</option>
                    <option>18-30</option>
                    <option>30-50</option>
                    <option>50+</option>
                </select><br>
                <button type="submit">Register!</button>
            </form>
        </div>

    </body>
</html>