| Line 1: | Line 1: | ||
===Name=== | ===Name=== | ||
| − | optgroup | + | optgroup ( as of version 2.3.8 of FlexForm ) |
===Type=== | ===Type=== | ||
select | select | ||
Latest revision as of 20:40, 16 February 2025
Name
optgroup ( as of version 2.3.8 of FlexForm )
Type
select
Synopsis
How to use optroup within a select with option fields to create a grouped dropdown input
Description
The optgroup element is used to create groups of options within a select element.
Example
<label for="dino-select">Choose a dinosaur:</label>
<select id="dino-select">
<optgroup label="Theropods">
<option value="Tyrannosaurus">Tyrannosaurus</option>
<option value="Velociraptor">Velociraptor</option>
<option value="Deinonychus">Deinonychus</option>
</optgroup>
<optgroup label="Sauropods">
<option value="Diplodocus">Diplodocus</option>
<option value="Saltasaurus">Saltasaurus</option>
<option value="Apatosaurus">Apatosaurus</option>
</optgroup>
</select>
