XForms Selection Controls
The user interface of XForms uses XForms controls.
The Select1 Control
The select1 control is used for selecting one item from a list of items.
In the example below, the user can choose one of to values, Male or Female. The data stored in the XForms instance (XML document) will be M or F:
Example
<select1 ref="status">
<label>Status:</label>
<item>
<label>Male</label>
<value>M</value>
</item>
<item>
<label>Female</label>
<value>F</value>
</item>
</select1>
|
Try it yourself »
(The example will only work in IE5+)
|
The Select Control
The select control is used for selecting items (one or many) from a list of items:
<select ref="languages">
<label>Languages:</label>
<item>
<label>English</label>
<value>E</value>
</item>
<item>
<label>French</label>
<value>F</value>
</item>
<item>
<label>Spanish</label>
<value>S</value>
</item>
<item>
<label>German</label>
<value>G</value>
</item>
</select> |
In the example above, the user can choose one or many of the values.
The Range Control
The range control is used for selecting a value from a range of values:
<range ref="length" start="0" end="100" step="5">
<label>Length:</label>
</range> |
In the example above, the user can choose a value between 0 and 100 in steps of 5.
|