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