<!DOCTYPE html>
<html>

<!--
    a first example of HTML5 checkbox controls,
        with label elements (better accessibility!)
    by: Sharon Tuttle
    last modified: 2-11-13
-->

<head>  
    <title> Playing with checkboxes with label elements </title>
    <meta charset="utf-8" />
</head> 

<body> 
    <h1> Playing with checkboxes with label elements </h1>
    <h2> adapted from "Web Programming Step by Step", 
         2nd ed, pp. 214-216 </h2>

    <form action="http://users.humboldt.edu/smtuttle">
        Choose 0 or more colors you LIKE: <br />
        <label> <input type="checkbox" 
                       name="red" /> Red </label>
        <label> <input type="checkbox" 
                       name="purple" 
                       checked="checked" /> Purple </label>
        <label> <input type="checkbox" 
                       name="blue" 
                       checked="checked" /> Blue </label>
        <label> <input type="checkbox" 
                       name="orange" /> Orange </label> <br />
        <input type="submit" value="submit" />
    </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>