datalist

datalist

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

Click Here To- Download  code Link

Tweet