datalist

Saltar a:

Atributos
Ejemplos
Especificaciones
Compatibilidad con los distintos navegadoresEdit
Polyfill
Ver también

Esta traducción está incompleta. Por favor, ayuda a traducir este artículo del inglés.

El elemento HTML <datalist> contiene un conjunto de elementos <option> que representan los valores disponibles para otros controles.

Contenido de las categorías	Contenido de flujo, contenido de fraseo.
Contenido permitido	O bien contenido de fraseo o, cero o más elementos `<option>`.
Omisión de etiqueta	None, both the starting and ending tag are mandatory.
Elementos padre permitidos	Cualquier elemento que acepte contenido de fraseo.
Roles ARIA permitidos	Ninguno
Interfaz DOM	`HTMLDataListElement`

Atributos

Este elemento no tiene otros atributos mas que los atributos globales, comúnes a todos los elementos.

Ejemplos

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

Resultado

Especificaciones

Especificación	Estado	Comentario
HTML Living Standard La definición de '<datalist>' en esta especificación.	Living Standard
HTML5 La definición de '<datalist>' en esta especificación.	Recommendation

Compatibilidad con los distintos navegadoresEdit

Desktop
Mobile

Feature	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari
Soporte básico	20	Si	4	10	9.5	No

Feature	Android webview	Chrome para Android	Edge mobile	Firefox para Android	Opera Android	iOS Safari	Samsung Internet
Soporte básico	No	33	Si	4	?	No	Si

	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
Soporte básico	Chrome Soporte completo 20	Edge Soporte completo Si	Firefox Soporte completo 4	IE Soporte completo 10	Opera Soporte completo 9.5	Safari Sin soporte No	WebView Android Sin soporte No	Chrome Android Soporte completo 33	Edge Mobile Soporte completo Si	Firefox Android Soporte completo 4	Opera Android ?	Safari iOS Sin soporte No	Samsung Internet Android Soporte completo Si

Leyenda

Soporte completo: Soporte completo
Sin soporte: Sin soporte
Compatibility unknown: Compatibility unknown

Polyfill

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

Ver también

El elemento <input>, y más especificamente este atributo list;
El elemento <option>.

Etiquetas y colaboradores del documento

Etiquetas:

Colaboradores en esta página: Luuis, SphinxKnight, teoli, translatoon, Izel

Última actualización por: Luuis, 18 jun. 2018 20:18:23

Temas relacionados

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>~~