]> 2026-04-30T12:45:23+02:00 input/select 50000 en Doc 110 How to use select with option fields to create a dropdown input User input/select (2.0,2.1,2.5) 2.0 2.1 2.5 input/select 2023-01-03T09:14:09Z 2459947.8848264 input/select 2025-08-21T09:08:05Z 2460908.8806134 Doc/FlexForm/2.0/input/select 344 Name select (dropdown) Type select Synopsis How to use select with option fields to create a dropdown input Description The select element is used to create a drop-down list. The name attribute is needed to reference the form data after the form is submitted (if you omit the name attribute, no data from the drop-down list will be submitted). The id attribute is needed to associate the drop-down list with a label. The <option></option> tags inside the <select> element define the available options in the drop-down list. Instead of option inputs, it's also possible to use selected and options as attributes of the select element. In this case options should contain a comma-separated list of options and selected can be used to specify which option should be selected. Parameters <select><option></option></select> You can also use placeholder to have an extra, non-selectable item with a suggestion. This also allows for not sending any data from a select, when the placeholder is still selected. Making a select field also an optional field in a form. See example 1. Select values have by default comma separated values when adding to a Template. You can specify a different separator using the argument separator . e.g. separator=";". All other valid HTML5 attributes are allowed Example < p > Select a car: </ p > < div > < select name = "car" placeholder = "Choose a car" > < option value = "volvo" > Volvo </ option > < option value = "saab" selected = "selected" > Saab </ option > </ select > </ div > Choose a car Volvo Saab < 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 > Choose a dinosaur: Tyrannosaurus Velociraptor Deinonychus Diplodocus Saltasaurus Apatosaurus < select name = "Test" selected = "C" options = "A,B,C,D,E" /> A B C D E 50000 0 plainlist 1 [[:DevOps:Doc/FlexForm/2.0/input/select]] Doc/FlexForm/2.0/input/select# QUERY1920aa4230c15bc31ef4d1b23004aea6 input/optgroup 50000 en Doc/FlexForm/2.1/input/optgroup Doc parent 102 en Doc parent