An open-ended list

datalist

The datalist element groups together an open-ended set of possible values that may be chosen by the user.

The possible values are specified with a set of option elements. The input element is the datalist's complement.

When used with its complement, an input element becomes an open-ended combobox, allowing the user to either choose one of the predefined options of the datalist, or to type in a value of their own.

By itself, the datalist is not visible.

Example

form {
    Your favorite summertime movie:
    datalist #movies {
        option *value='American Graffiti'
        option *value='Dirty Dancing'
        option *value='Caddyshack'
        option *value="National Lampoon’s Vacation"
        option *value='Dazed and Confused'
        option *value='Stand by Me'
    }
    input #movie-pick *list=movies
}

The datalist element

Complements

datalist: The datalist element groups together an open-ended set of possible values that may be chosen by the user.

Subordinates

datalist: The datalist element groups together an open-ended set of possible values that may be chosen by the user.