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.

semantax > input-output > datalistAn open-ended list

🔎