HTML datalist example code tutorial

HTML datalist example Share / Like

NOTE: This new element is HTML5 and will be a standardized element in 2014.

The HTML <datalist> element is used to supply a list of data to another control on the page. This element has limited browser support for now. You can test the example using the Opera browser to see how it renders an autocomplete list for the input element.

HTML CODE EXAMPLE

Input a flavor:
<datalist id="flavors">
    <option value="Chocolate">Chocolate</option>
    <option value="Strawberry">Strawberry</option>
    <option value="Vanilla">Vanilla</option>
</datalist>
<input list="flavors">

Input a flavor:

Attributes for this element:

global attributes - global core attributes
See: list of global attributes

Event handlers for this element:

global event handlers - global event handler attributes
See: list of global event handlers

Libraries

Videos

Resources

Attributes for this element:

Event handlers for this element: