http://www.betterform.de

CSS
Hover the classes to see matching element(s) in the example
xfOutput matches an Element that represents a XForms output element
xsdAnyURI matches an Element that is bound to a node with datatype anyURI
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

# Link output control

This form control renders content based in part on instance data, but it provides no means for entering or changing data.

If an output binds to a node with datatype anyURI the control is rendered as a link.

| XForms 1.1 Links
Recommendation
Quick Reference

## Example

betterform Homepage a Hint for this control help for output1 invalid
readonly required relevant valid

## XForms Markup

    <xf:instance>
        <data>
            <output1 constraint="true" readonly="false" required="false" relevant="true">
                <value>http://www.betterform.de</value>
            </output1>
        </data>
    </xf:instance>

    <xf:bind nodeset="value" constraint="boolean-from-string(../@constraint)" readonly="boolean-from-string(../@readonly)" required="boolean-from-string(../@required)" relevant="boolean-from-string(../@relevant)" type="anyURI"></xf:bind>

    <xf:output id="output1" ref="output1/value" incremental="true">
        <xf:label>betterform Homepage</xf:label>
        <xf:hint>a Hint for this control</xf:hint>
        <xf:help>help for output1</xf:help>
        <xf:alert>invalid</xf:alert>
    </xf:output>

## Notes

Though the Model Item Properties readonly and required are shown in the above example they of course cannot be influenced directly via the output control but the same node might be bound by other XForms controls that allow data entry. State changes resulting by entering data through other controls will be reflected by the output.

The output is the only control that may leave out the label child element and can then be used inline with other content in a page.