<!DOCTYPE html>
<html>

<!--
    a first example of a fieldset element
    by: Sharon Tuttle
    last modified: 2-13-13
-->

<head>  
    <title> Playing with a fieldset </title>
    <meta charset="utf-8" />
</head> 

<body> 
    <h1> Playing with a fieldset </h1>
    <h2> adapted from "Web Programming Step by Step", 2nd edition,
         pp. 220, 223 </h2>

    <form action="http://users.humboldt.edu/smtuttle">
        <!-- hey, you can use label with textfields, too! -->

        <fieldset>
            <legend>Member information</legend>
            <label>Name: 
                   <input type="text" name="name" />
            </label> <br />
            <label>Membership No.: 
                   <input type="text" name="mem_num" />
            </label> <br />
        </fieldset>

        <fieldset>
            <legend>Meal preferences</legend>
    	    <label>Meal: 
                   <input type="text" name="meal" />
            </label> <br />
            <label>Meat?
                   <input type="checkbox" name="meat" 
                          checked="checked" />
            </label> <br />
        </fieldset>

        <input type="submit" value="Submit meal preferences" />
    </form>

    <hr />   

    <p>
        <a href="http://validator.w3.org/check/referer">
        Validate this HTML5 page
        </a>
    </p>

    <p>
        For full credit, this page must also pass the tests at
        <a href="http://lint.brihten.com/html/">
        http://lint.brihten.com/html/ </a> when its URL is
        entered (and without modifying the default options).
    </p>

</body> 
</html>