<datalist>

Springen zu:

Zusammenfassung
Attribute
Beispiele
Spezifikationen
Browser Kompatibilität
Polyfill
Siehe auch

Zusammenfassung

Das HTML <datalist> Element enthält eine Liste von <option> Elementen, die mögliche Optionen für den Wert eines anderen Elementes repräsentieren.

Inhaltskategorien	Flussinhalt, Textinhalt.
Erlaubter Inhalt	Entweder Textinhalt oder null oder mehr `<option>` Elemente.
Tag-Auslassung	Keine, sowohl das Anfangs- als auch das End-Tag sind erforderlich.
Erlaubte Eltern-Elemente	Alle Elemente, die Textinhalt akzeptieren.
DOM-interface	`HTMLDataListElement`

Attribute

Dieses Element verfügt nur über die globalen Attribute.

Beispiele

<input list="browsers" />
<datalist id="browsers">
  <option value="Chrome">
  <option value="Firefox">
  <option value="Internet Explorer">
  <option value="Opera">
  <option value="Safari">
</datalist>

Dieses HTML wird in Firefox 4 folgendermaßen gerendert:

Spezifikationen

Spezifikation	Status	Kommentar
HTML Living Standard Die Definition von '<datalist>' in dieser Spezifikation.	Lebender Standard
HTML5 Die Definition von '<datalist>' in dieser Spezifikation.	Empfehlung

Browser Kompatibilität

Update compatibility data on GitHub

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android Webview	Chrome für Android	Edge Mobile	Firefox für Android	Opera für Android	Safari auf iOS	Samsung Internet
Grundlegende Unterstützung	Chrome Vollständige Unterstützung 20	Edge Vollständige Unterstützung Ja	Firefox Vollständige Unterstützung 4	IE Vollständige Unterstützung 10	Opera Vollständige Unterstützung 9.5	Safari Keine Unterstützung Nein	WebView Android Keine Unterstützung Nein	Chrome Android Vollständige Unterstützung 33	Edge Mobile Vollständige Unterstützung Ja	Firefox Android Vollständige Unterstützung 4	Opera Android ?	Safari iOS Keine Unterstützung Nein	Samsung Internet Android Vollständige Unterstützung Ja

Legende

Vollständige Unterstützung: Vollständige Unterstützung
Keine Unterstützung: Keine Unterstützung
Kompatibilität unbekannt: Kompatibilität unbekannt

Polyfill

Der folgende Polyfill wurde für den Support für ältere oder derzeit noch inkompatible Browser entwickelt:
datalist-polyfill

Siehe auch

Das <input> Element, und noch genauer sein list Attribut;
Das <option> Element.

Schlagwörter des Dokuments und Mitwirkende

Schlagwörter:

Mitwirkende an dieser Seite: fscholz, mfranzke, Sebastianz, SJW, teoli, nothine

Zuletzt aktualisiert von: fscholz, 18.09.2018, 01:37:49

Verwandte Themen

<button>
<datalist>
<form>
<input>
<label>
<optgroup>
<option>
<progress>
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>~~