21:22:23

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

# Time input control

This form control enables free-form data entry or a user interface component appropriate to the datatype of the bound node.

An input with an appearance="bf:time" is rendered as a 3 slot time control. The value may also be be typed in directly.

| XForms 1.1 Links
Recommendation
Quick Reference

## Example

time1:Hint for this input help for input1 invalid time2:Hint for this input help for input1 invalid
CurrentValue:
readonly required relevant valid now

## XForms Markup

    <xf:input id="input1" ref="input1/value" appearance="bf:dropdowntime" incremental="true">
        <xf:label>time1:</xf:label>
        <xf:hint>Hint for this input</xf:hint>
        <xf:help>help for input1</xf:help>
        <xf:alert>invalid</xf:alert>
    </xf:input>

    <xf:input id="input2" ref="input1/value" appearance="bf:timetextbox" incremental="true">
        <xf:label>time2:</xf:label>
        <xf:hint>Hint for this input</xf:hint>
        <xf:help>help for input1</xf:help>
        <xf:alert>invalid</xf:alert>
    </xf:input>