| Line 1: | Line 1: | ||
| + | ===Name=== | ||
| + | option | ||
| + | ===Type=== | ||
| + | _input | ||
| + | ===Synopsis=== | ||
| + | How to render an option input field. Mostly used within the input select fields. | ||
| + | ===Description=== | ||
| + | The <option> HTML element is used to define an item contained in a <select>, an <optgroup>, or a <datalist> element. As such, <option> can represent menu items in popups and other lists of items in an HTML document. | ||
| + | ===Parameters=== | ||
| + | _input type="option". All valid HTML5 attributes are supported. | ||
| + | There is one specific FlexForm parameter '''nohtmldecode'''. By default all values of an option input will be html decoded to get rid of special characters. To turn this off just add '''nohtmldecode''' as an argument to the option field. | ||
| + | |||
| + | |||
| + | ===Example=== | ||
| + | Using options with select: | ||
| + | <syntaxhighlight lang="html"> | ||
| + | <_label for="pet-select">Choose a pet:</_label> | ||
| + | <_select name="pets" id="pet-select"> | ||
| + | <_input type="option" value="">--Please choose an option--</option> | ||
| + | <_input type="option" value="dog">Dog</option> | ||
| + | <_input type="option" value="cat">Cat</option> | ||
| + | <_input type="option" value="hamster">Hamster</option> | ||
| + | <_input type="option" value="parrot">Parrot</option> | ||
| + | <_input type="option" value="spider">Spider</option> | ||
| + | <_input type="option" value="goldfish">Goldfish</option> | ||
| + | </select> | ||
| + | </syntaxhighlight> | ||
| + | <_label for="pet-select">Choose a pet:</_label> | ||
| + | <_select name="pets" id="pet-select"> | ||
| + | <_input type="option" value="">--Please choose an option--</option> | ||
| + | <_input type="option" value="dog">Dog</option> | ||
| + | <_input type="option" value="cat">Cat</option> | ||
| + | <_input type="option" value="hamster">Hamster</option> | ||
| + | <_input type="option" value="parrot">Parrot</option> | ||
| + | <_input type="option" value="spider">Spider</option> | ||
| + | <_input type="option" value="goldfish">Goldfish</option> | ||
| + | </select> | ||
| + | ===Note=== | ||
| + | |||
| + | ===Links=== | ||
| + | See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option for all the details. | ||
Revision as of 08:47, 26 August 2022
Name
option
Type
_input
Synopsis
How to render an option input field. Mostly used within the input select fields.
Description
The Missing value attribute.
<_input type="option" value="dog">Dog</option> <_input type="option" value="cat">Cat</option> <_input type="option" value="hamster">Hamster</option> <_input type="option" value="parrot">Parrot</option> <_input type="option" value="spider">Spider</option> <_input type="option" value="goldfish">Goldfish</option>
</select> </syntaxhighlight> <_select name="pets" id="pet-select">
<_input type="option" value="">--Please choose an option--</option> <_input type="option" value="dog">Dog</option> <_input type="option" value="cat">Cat</option> <_input type="option" value="hamster">Hamster</option> <_input type="option" value="parrot">Parrot</option> <_input type="option" value="spider">Spider</option> <_input type="option" value="goldfish">Goldfish</option>
</select>
Note
Links
See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option for all the details.
