# XForms Controls

For each control there is a short description taken from the XForms 1.1 specification along with a link pointing to the full specification text. Use the 'Quick Reference' link if you want to know which attributes and child elements are allowed for a given control.

## CSS Reference

This section lists the CSS classes that are applicable to all controls.

CSS class | Description
--- | ---
xfControl | Represents the XForms control as a whole surrounding label plus the 'active' area of a form control (see below)
xfValue | Represents the "active" area of a form control excluding the label; this corresponds in HTML to input and other form control elements. This pseudo-element is a child of the form control element, and appears immediately after the required label element.
xfEnabled | Selects a control that is relevant
xfDisabled | Selects a control that is not relevant
xfRequired | Selects a control is required
xfOptional | Selects a control that is optional
xfValid | Selects a control is valid
xfInvalid | Selects a control is invalid
xfReadOnly | Selects a control is readonly
xfReadWrite | Selects a control is readwrite
xfReadWrite | Selects a control is readwrite
not available | Selects a control bound to a node that contains a value the form control is not capable of rendering
not available | Selects a control bound to a node that contains a value the form control is capable of rendering
not available | Selects a control bound to a node whose content is the empty string
not available | Selects a control bound to a node whose content is not the empty string
xfIncremental | Selects a control that has set an attribute `incremental` with value 'true'