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:

<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.

Jump to: Top of Page or HOME or Printer friendly page

W3Schools provides material for training only. We do not warrant the correctness of its contents. The risk from using it lies entirely with the user. While using this site, you agree to have read and accepted our terms of use and privacy policy.

Copyright 1999-2008 by Refsnes Data. All Rights Reserved.

W3Schools was converted to XHTML in December 1999