<!DOCTYPE html>
<html>
<!--
a third example of HTML5 drop-down menu - demoing optgroup
by: Sharon Tuttle
last modified: 2-11-13
-->
<head>
<title> Playing with a drop-down menu (with optgroup) </title>
<meta charset="utf-8" />
</head>
<body>
<h1> Playing with a drop-down menu (with optgroup) </h1>
<h2> adapted from "Web Programming Step-by-Step", 2nd edition,
pp. 218-219 </h2>
<form action="http://users.humboldt.edu/smtuttle">
Choose your preferred vehicle type:
<select name="vehicletype" size="7">
<optgroup label="Lots of Gas">
<option value="truck"> Truck </option>
<option value="suv"> SUV </option>
</optgroup>
<optgroup label="Not so much Gas">
<option value="car"> Car </option>
<option value="hybrid"> Hybrid </option>
<option value="motorcycle"> Motorcycle </option>
</optgroup>
</select> <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>