<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">

<!--
    For Homework 7 - Problem 3

    adapted by: YOUR name
    by: Sharon Tuttle
    last modified: 2024-03-10

    you can run this using the URL:

-->

<head>
    <title> info about YOU! </title>
    <meta charset="utf-8" />

    <link href="https://nrs-projects.humboldt.edu/~st10/styles/normalize.css"
          type="text/css" rel="stylesheet" />

</head>

<body>
    <h1> Getting to know you... </h1>

    <form action="https://nrs-projects.humboldt.edu/~st10"
          method="get">

        <fieldset id="basic_field">
            <legend> Basic information </legend>

            <label for="lastname_fld"> Last Name: </label>
            <input type="text" name="lastname" id="lastname_fld"
                   size="18" maxlength="18" required="required" />

            <label for="age_fld"> Age: </label>
            <input type="number" name="age" id="age_fld"
                   min="0" max="150" /> <br />

            <label for="state_entry"> What state is your
                 legal residence? </label>
            <select name="state" id="state_entry">
                <option value="OR"> Oregon </option>
                <option value="WA"> Washington </option>
                <option value="CA"
                        selected="selected"> California
                        </option>
            </select>

            <label for="secret_fld"> Secret
                phrase: </label>
            <input type="password" name="secret_phrase"
                   id="secret_fld" size="15" />

            <label for="intro_area"> Tell me
                about yourself: </label>
            <textarea name="intro" id="intro_area" rows="5"
                      cols="33"></textarea>
        </fieldset>

        <fieldset id="flavor_field">
            <legend> Which ice cream flavor? </legend>

            <input type="radio" name="ice_cream_flavor"
                   value="chocolate" id="choc" />
            <label for="choc"> Chocolate </label> 

            <input type="radio" name="ice_cream_flavor"
                   value="vanilla" id="van"
                   checked="checked" />
            <label for="van"> Vanilla </label>

            <input type="radio" name="ice_cream_flavor"
                   value="dark_chocolate" id="d_choc" />
            <label for="d_choc"> Dark Chocolate </label>
        </fieldset>

        <fieldset id="transport_field">
            <legend> Which of these do you have? </legend>

            <input type="checkbox" name="bike" id="bike" />
            <label for="bike"> Bicycle </label>

            <input type="checkbox" name="car" id="car" />
            <label for="car"> Car </label>

            <input type="checkbox" name="skateboard" id="skt" />
            <label for="skt"> Skateboard </label>

            <input type="checkbox" name="horse" id="horse"
                   checked="checked" />
                <label for="horse"> Horse </label>
        </fieldset>

        <div id="submit">
            <input type="submit" value="submit info" />
        </div>
    </form>

    <footer>
    <hr />
    <p>
        Validate by pasting .xhtml copy's URL into<br />
        <a href="https://validator.w3.org/nu">
            https://validator.w3.org/nu
        </a>
        or  
        <a href="https://html5.validator.nu/">
            https://html5.validator.nu/
        </a>
    </p>
    </footer>
</body>
</html>