XForms Selection Controls

« Previous Chapter Next Chapter »

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>


The Select Control

The select control is used for selecting items (one or many) from a list of items:

<select ref="Countries">
  <label>Countries:</label>
  <item>
    <label>England</label>
    <value>E</value>
  </item>
  <item>
    <label>France</label>
    <value>F</value>
  </item>
  <item>
    <label>Spain</label>
    <value>S</value>
  </item>
  <item>
    <label>Gaza</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.


« Previous Chapter Next Chapter »

Have Any Suggestion? We Are Waiting To Hear from YOU!

Your Query was successfully sent!