jump

a abbr address area article aside audio

b base bdi bdo blockquote body br button

canvas caption cite code col colgroup command

datalist dd del details dfn div dl dt

em embed fieldset figcaption figure footer form

h1 h2 h3 h4 h5 h6 head header hgroup hr html

i iframe img input ins kbd keygen

label legend li link map mark menu meta meter

nav noscript object ol optgroup option output

p param pre progress q rp rt ruby

s samp script section select small source span

strong style sub summary sup

table tbody td textarea tfoot th thead time title

tr track u ul var video wbr

global attributes terms

HTML5

← 4.10.9 The select element – Table of contents – 4.10.11 The optgroup element →

4.10.10 The `datalist` element

Categories:

Phrasing content.

Contexts in which this element can be used:

Where phrasing content is expected.

Content model:

Either: phrasing content.

Or: Zero or more option elements.

Content attributes:

Global attributes

DOM interface:

interface HTMLDataListElement : HTMLElement {
  readonly attribute HTMLCollection options;
};

The datalist element represents a set of option elements that represent predefined options for other controls. The contents of the element represents fallback content for legacy user agents, intermixed with option elements that represent the predefined options. In the rendering, the datalist element represents nothing .

The datalist element is hooked up to an input element using the list attribute on the input element.

Each option element that is a descendant of the datalist element, that is not disabled, and whose value is a string that isn't the empty string, represents a suggestion. Each suggestion has a value and a label.

datalist . options: Returns an HTMLCollection of the options elements of the table.