0

CSS
Hover the classes to see matching element(s) in the example
xfRange matches an Element that represents a XForms range element
xfControl matches an Element that represents a XForms control
xfLabel matches the label part of an XForms control
xfValue matches the widget part of an XForms control
xfReadOnly matches a xforms control that is currently readonly
xfReadWrite matches a xforms control that is currently writable
xfRequired matches a xforms control that is currently required
xfOptional matches a xforms control that is currently optional
xfEnabled matches a xforms control that is currently relevant (enabled)
xfDisabled matches a xforms control that is currently disabled (can't be visualized here as the control gets hidden)
xfValid matches a xforms control that is currently valid
xfInvalid matches a xforms control that is currently invalid

# Rating range control

This form control allows selection from a sequential range of values.

Standard rendering for a XForms range control. Fully supports keyboard navigation and mouse wheel scrolling when focused.

When a range Control uses an appearance attribute with value 'bf:rating' the range is rendered as a horizontal list of stars.

| XForms 1.1 Links
Recommendation
Quick Reference

## Example

a rating a Hint for this control help for range1 invalid
readonly required relevant valid

## XForms Markup

    <xf:range id="range1" ref="range1/value" start="0" step="1" end="5" appearance="bf:rating" incremental="true">
        <xf:label>a rating</xf:label>
        <xf:hint>a Hint for this control</xf:hint>
        <xf:help>help for range1</xf:help>
        <xf:alert>invalid</xf:alert>
    </xf:range>

## Limitations

The rating control is not keyboard accessible.