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

# Trigger control rendered as button

This form control is similar to the HTML element button and allows for user-triggered actions. This form control may also be used to construct other custom form controls.

A trigger without an appearance attribute is rendered as a button.

| XForms 1.1 Links
Recommendation
Quick Reference

## Example

a text a Hint for this control help for trigger1
readonly relevant

## XForms Markup

    <xf:trigger id="trigger1" ref="trigger1/value" incremental="true">
        <xf:label>a text</xf:label>
        <xf:hint>a Hint for this control</xf:hint>
        <xf:help>help for trigger1</xf:help>
        <script type="text/javascript">
            alert('trigger was clicked, script action executed');
        </script>
    </xf:trigger>