MDN will be in maintenance mode on Monday October 29, from 9:00 AM to 1:00 PM Pacific (4:00 PM to 8:00 PM UTC) as we switch to new servers. We do not expect any disruption in service.

# <datalist>

- Edit

The HTML `<datalist>` element contains a set of `<option>` elements that represent the values available for other controls.

The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.

Content categories | Flow content, phrasing content.
Permitted content | Either phrasing content or zero or more `<option>` elements.
Tag omission | None, both the starting and ending tag are mandatory.
Permitted parents | Any element that accepts phrasing content.
Permitted ARIA roles | None
DOM interface | `HTMLDataListElement`

## Attributes
Section

This element has no other attributes than the global attributes, common to all elements.

## Examples
Section

    <label for="myBrowser">Choose a browser from this list:</label>
    <input list="browsers" id="myBrowser" name="myBrowser" />
    <datalist id="browsers">
      <option value="Chrome">
      <option value="Firefox">
      <option value="Internet Explorer">
      <option value="Opera">
      <option value="Safari">
      <option value="Microsoft Edge">
    </datalist>

### Result
Section

## Specifications
Section

Specification | Status | Comment
--- | --- | ---
HTML Living Standard The definition of '<datalist>' in that specification. | Living Standard |
HTML5 The definition of '<datalist>' in that specification. | Recommendation |

## Browser compatibility
Section

The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.

Update compatibility data on GitHub

| Desktop | Mobile
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | Android webview | Chrome for Android | Edge Mobile | Firefox for Android | Opera for Android | iOS Safari | Samsung Internet
Basic support | Chrome Full support 20 | Edge Full support Yes | Firefox Full support 4 | IE Full support 10 | Opera Full support 9.5 | Safari No support No | WebView Android No support No | Chrome Android Full support 33 | Edge Mobile Full support Yes | Firefox Android Full support 4 | Opera Android ? | Safari iOS No support No | Samsung Internet Android Full support Yes

### Legend

Full support
  Full support
No support
  No support
Compatibility unknown
  Compatibility unknown

## Polyfill
Section

Include this polyfill to provide support for older and currently incompatible browsers:
datalist-polyfill

## See also
Section

- The `<input>` element, and more specifically its `list` attribute;
- The `<option>` element.

## Document Tags and Contributors

Tags:

- Element
- HTML
- HTML forms
- HTML5
- Reference
- Web

Contributors to this page: mfuji09, SphinxKnight, karbassi, mfranzke, teoli, SahAssar, mfluehr, sideshowbarker, Sheppy, erikadoyle, Lemondoge, Sebastianz, Smartronsc, wnas, chrisdavidmills, multiwebinc, Jeremie, skan, steelbrain, dvdrtrgn, mayconrem, dbs, jzorn, akagr, kscarfone, baer, FredB, jswisher, tregagnon, ethertank, medicdude, ziyunfei, abrahamwilliams, cers, fscholz, Fyrd, hobophobe, McGurk, osdm
Last updated by: mfuji09, Jun 30, 2018, 9:04:45 PM
Related Topics

1. `<button>`
2. `<datalist>`
3. `<fieldset>`
4. `<form>`
5. `<input>`
6. `<keygen>`
7. `<label>`
8. `<legend>`
9. `<meter>`
10. `<optgroup>`
11. `<option>`
12. `<output>`
13. `<progress>`
14. `<select>`
15. `<textarea>`
16. HTML Elements
    1. A
       1. `<a>`
       2. `<abbr>`
       3. `<acronym>`
       4. `<address>`
       5. `<applet>`
       6. `<area>`
       7. `<article>`
       8. `<aside>`
       9. `<audio>`
    2. B
       1. `<b>`
       2. `<base>`
       3. `<basefont>`
       4. `<bdi>`
       5. `<bdo>`
       6. `<bgsound>`
       7. `<big>`
       8. `<blink>`
       9. `<blockquote>`
       10. `<body>`
       11. `<br>`
       12. `<button>`
    3. C
       1. `<canvas>`
       2. `<caption>`
       3. `<center>`
       4. `<cite>`
       5. `<code>`
       6. `<col>`
       7. `<colgroup>`
       8. `<content>`
    4. D
       1. `<data>`
       2. `<datalist>`
       3. `<dd>`
       4. `<del>`
       5. `<details>`
       6. `<dfn>`
       7. `<dialog>`
       8. `<dir>`
       9. `<div>`
       10. `<dl>`
       11. `<dt>`
    5. E
       1. `<em>`
       2. `<embed>`
    6. F
       1. `<fieldset>`
       2. `<figcaption>`
       3. `<figure>`
       4. `<font>`
       5. `<footer>`
       6. `<form>`
       7. `<frame>`
       8. `<frameset>`
    7. G H
       1. `<h1>`
       2. `<h2>`
       3. `<h3>`
       4. `<h4>`
       5. `<h5>`
       6. `<h6>`
       7. `<head>`
       8. `<header>`
       9. `<hgroup>`
       10. `<hr>`
       11. `<html>`
    8. I
       1. `<i>`
       2. `<iframe>`
       3. `<img>`
       4. `<input>`
       5. `<ins>`
       6. `<isindex>`
    9. J K
       1. `<kbd>`
       2. `<keygen>`
    10. L
        1. `<label>`
        2. `<legend>`
        3. `<li>`
        4. `<link>`
        5. `<listing>`
    11. M
        1. `<main>`
        2. `<map>`
        3. `<mark>`
        4. `<marquee>`
        5. `<menu>`
        6. `<menuitem>`
        7. `<meta>`
        8. `<meter>`
    12. N
        1. `<nav>`
        2. `<nobr>`
        3. `<noframes>`
        4. `<noscript>`
    13. O
        1. `<object>`
        2. `<ol>`
        3. `<optgroup>`
        4. `<option>`
        5. `<output>`
    14. P
        1. `<p>`
        2. `<param>`
        3. `<picture>`
        4. `<plaintext>`
        5. `<pre>`
        6. `<progress>`
    15. Q
        1. `<q>`
    16. R
        1. `<rp>`
        2. `<rt>`
        3. `<rtc>`
        4. `<ruby>`
    17. S
        1. `<s>`
        2. `<samp>`
        3. `<script>`
        4. `<section>`
        5. `<select>`
        6. `<shadow>`
        7. `<slot>`
        8. `<small>`
        9. `<source>`
        10. `<spacer>`
        11. `<span>`
        12. `<strike>`
        13. `<strong>`
        14. `<style>`
        15. `<sub>`
        16. `<summary>`
        17. `<sup>`
    18. T
        1. `<table>`
        2. `<tbody>`
        3. `<td>`
        4. `<template>`
        5. `<textarea>`
        6. `<tfoot>`
        7. `<th>`
        8. `<thead>`
        9. `<time>`
        10. `<title>`
        11. `<tr>`
        12. `<track>`
        13. `<tt>`
    19. U
        1. `<u>`
        2. `<ul>`
    20. V
        1. `<var>`
        2. `<video>`
    21. W
        1. `<wbr>`
    22. X Y Z
        1. `<xmp>`

## Learn the best of web development

Get the latest and greatest from MDN delivered straight to your inbox.

E-mail
I'm okay with Mozilla handling my info as explained in this Privacy Policy.

## Thanks! Please check your inbox to confirm your subscription.

If you haven’t previously confirmed a subscription to a Mozilla-related newsletter you may have to do so. Please check your inbox or your spam filter for an email from us.