(Imported by PageSync) Tag: wsps-content-edit-tag |
|||
| (One intermediate revision by one other user not shown) | |||
| Line 1: | Line 1: | ||
===Name=== | ===Name=== | ||
| − | optgroup | + | optgroup ( as of version 2.3.8 of FlexForm ) |
===Type=== | ===Type=== | ||
select | select | ||
| ws-class-props | |||
|---|---|---|---|
| Line 1: | Line 1: | ||
| − | {{ | + | {{Csp class properties |
|Subject version=2.1 | |Subject version=2.1 | ||
|Doc subject=DevOps:Doc/FlexForm | |Doc subject=DevOps:Doc/FlexForm | ||
Revision as of 10:35, 15 July 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>
