<b>Providing</b> <i>basic</i> HTML <u>formatting</u>

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

# HTML 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 uses the mediatype attribute with a value of text/html the bound data are rendered as HTML.

| XForms 1.1 Links
Recommendation
Quick Reference

## Example

a label: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>
                    <b>Providing</b>
                    <i>basic</i> HTML <u>formatting</u>

                </value>
            </output1>
        </data>
    </xf:instance>

    <xf:output id="output1" ref="output1/value" mediatype="text/html" incremental="true">
        <xf:label>a label:</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.

## Limitations

The HTML markup in the bound instance data node must enclosed within a CDATA section. This is not shown in the sample above due to limitations with the syntax highlighting.