Adatlista (datalist) - WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS

Adatlista (datalist)

<datalist>...</datalist>

Adatlista (datalist) elem:

Név	Angol eredete	Hatás	Jellemzők
<datalist>	Data list	Egysoros szöveges beviteli mezőhöz tartozó legördülő listát hoz létre. Páros címke.	Általános ; Események

Egy előre elkészített lista alapján választási lehetőségeket kínál adatbevitelnél. (A felhasználó az első karakterek bevitelét követően, egy listából is kiválaszthatja, az addig bevitt szövegrészhez illeszkedő előre definiált szövegeket.)

A nyitó <datalist> és záró a </datalist> címkék között, az <option value="Lehetőség"> elemek páratlan címkéiben, a value jellemzőknél adhatjuk meg a lista elemeit, amelyek közül a felhasználó választhat.

1. példa:

Forráskód


<form action="html5_datalist.php"  method="post">
  <input list="os" name="os">
  <datalist id="os">
    <option value="Ubuntu 13.4">
    <option value="Ubuntu 12.10">
    <option value="OpenSUSE 12.1">
    <option value="OpenSUSE 12.2">
  </datalist>
  <input type="submit" name="submit"  >
</form>

Eredmény*

* Az eredmény megjelenítése az Ön által használt böngészőtől függ.