Latest web development tutorials

HTML <datalist> tag

Examples

Here is an <input> element, <datalist> describes the possible values:

<Input list = "browsers"> <Datalist id = "browsers"> <Option value = "Internet Explorer"> <Option value = "Firefox"> <Option value = "Chrome"> <Option value = "Opera"> <Option value = "Safari"> </ Datalist>

try it"

Browser Support

Internet ExplorerFirefoxOperaGoogle ChromeSafari

IE 10, Firefox, Opera and Chrome support <datalist> tag.

Note: IE 9 and earlier versions of IE and Safari browsers do not support the <datalist> tag.


Tag definitions and instructions

<Datalist> tag provides a list of possible <input> element option.

<Datalist> tag is used for the <input> element provides "auto-complete" feature in. The user can see a drop-down list, inside the options are predefined, as input data the user.

Please use the list attribute <input> element to bind <datalist> element.


Differences between HTML 4.01 and HTML5

<Datalist> tag is new in HTML5 tags.


Global Properties

<datalist> tag supports HTML global properties .


Event Properties

<datalist> tag supports HTML event properties .