<!DOCTYPE html>
<html>
<!--
a second example of HTML5 radio button controls,
now with label elements (better accessibility!)
by: Sharon Tuttle
last modified: 2-11-13
-->
<head>
<title> Playing with radio buttons with label elements </title>
<meta charset="utf-8" />
</head>
<body>
<h1> Playing with radio buttons 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 a color: <br />
<label> <input type="radio"
name="color" value="red" /> Red </label>
<label> <input type="radio"
name="color" value="purple"
checked="checked" /> Purple </label>
<label> <input type="radio"
name="color" value="blue" /> Blue </label>
<label> <input type="radio"
name="color" value="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>