42 lines
896 B
HTML
42 lines
896 B
HTML
|
<!--
|
||
|
|
This test case tests the optgroup element and parser.
|
||
|
|
-->
|
||
|
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head><title>case-004</title></head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<label for="dino-select">Choose a dinosaur:</label>
|
||
|
|
<select id="dino-select">
|
||
|
|
<optgroup label="Theropods">
|
||
|
|
<option>Tyrannosaurus</option>
|
||
|
|
<option>Velociraptor</option>
|
||
|
|
<option>Deinonychus</option>
|
||
|
|
</optgroup>
|
||
|
|
<optgroup label="Sauropods">
|
||
|
|
<option>Diplodocus</option>
|
||
|
|
<option>Saltasaurus</option>
|
||
|
|
<option>Apatosaurus</option>
|
||
|
|
</optgroup>
|
||
|
|
</select>
|
||
|
|
|
||
|
|
<optgroup label="Body Parts">
|
||
|
|
<option>Claws</option>
|
||
|
|
<option>Teeth</option>
|
||
|
|
<option>Tail Spikes</option>
|
||
|
|
</optgroup>
|
||
|
|
|
||
|
|
<optgroup label="Movies">
|
||
|
|
<optgroup label="Scifi">
|
||
|
|
<option>Jurassic Park</option>
|
||
|
|
</optgroup>
|
||
|
|
<option>The Good Dinosaur</option>
|
||
|
|
<option>The Land Before Time</option>
|
||
|
|
</optgroup>
|
||
|
|
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
|
||
|
|
|