w3schools
  
HOME HTML CSS XML JAVASCRIPT ASP PHP SQL MORE...   References Examples Forum About

XForms Selection Controls

« Previous 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>

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.


« Previous Next Chapter »


DreamTemplate


WEB HOSTING
Best Web Hosting
PHP MySQL Hosting
Top 10 Web Hosting
UK Reseller Hosting
Web Hosting
FREE Web Hosting
Top Web Hosting
Windows Hosting
WEB BUILDING
XML Editor – Free Trial!
FREE Flash Website
FREE Web Templates
FLIGHT TICKETS
Find the cheapest flight
to any destination now!
EDUCATION
US Web Design Schools
HTML Certification
JavaScript Certification
XML Certification
PHP Certification
ASP Certification
STATISTICS
Browser Statistics
Browser OS
Browser Display