From http://www.w3schools.com (Copyright Refsnes Data)

XForms Selection Controls

prev next

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:

<select1 ref="status">
  <label>Status:</label>
  <item>
    <label>Male</label>
    <value>M</value>
  </item>
  <item>
    <label>Female</label>
    <value>F</value>
  </item>
</select1>

In the example above, 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.

Try it yourself


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.


prev next

From http://www.w3schools.com (Copyright Refsnes Data)