Web Forms 2.0 - range controls

This is part of a suite of test forms for Web Forms 2.0 for a set of shared examples with XForms Transitional. See the corresponding XForms Transitional example. This demo will only work on a Web Forms 2.0 compliant browser (e.g. Opera 9).

Here is the markup for the above form:

<form name="form1" onsubmit="false">
<fieldset>
<legend>Typed fields</legend>
<label for="f1"
 title="must be a number between 1 and 5">Number</label>
<input id="f1" name="x" type="range" min="1" max="5" step="1"/>
</fieldset>

The same markup will also work for XForms Transitional. One issue I have with Opera's rendering is that it doesn't show the numerical value corresponding to the current position of the slider. I also wonder how easy the slider is to drive for people who have difficulty in using pointer devices. It would be great to use XBL to render the control using some custom SVG.

Dave Raggett <dsr@w3.org>