Afghanistan `AF` Land Island `AX` Albania `AL` Algeria `DZ`

CSS
Hover the classes to see matching element(s) in the example
xfSelect matches an Element that represents a XForms select element
xfCheckBoxLabel matches all checkbox labels of the element that represents a XForms select element
xfCheckBoxValue matches all checkbox values of the element that represents a XForms select 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

# select control rendered as a group of checkboxes

This form control allows the user to make multiple selections from a set of choices.

A select with appearance 'full' is rendered as a list of checkboxes.

| XForms 1.1 Links
Recommendation
Quick Reference

## Example

a combobox select a Hint for this control help for select invalid
readonly required relevant valid

## XForms Markup

    <xf:instance id="codes">
        <countrylist>
            <country>
                <country-name>Afghanistan</country-name>
                <code>AF</code>
            </country>
            <country>
                <country-name>Land Island</country-name>
                <code>AX</code>
            </country>
            <country>
                <country-name>Albania</country-name>
                <code>AL</code>
            </country>
            <country>
                <country-name>Algeria</country-name>
                <code>DZ</code>
            </country>
        </countrylist>
    </xf:instance>

    <xf:select id="select" ref="select/value" appearance="full" incremental="true">
        <xf:label>a combobox select</xf:label>
        <xf:hint>a Hint for this control</xf:hint>
        <xf:help>help for select</xf:help>
        <xf:alert>invalid</xf:alert>
        <xf:itemset nodeset="instance('codes')/country">
            <xf:label ref="country-name"></xf:label>
            <xf:value ref="code"></xf:value>
        </xf:itemset>
    </xf:select>