HTML5 + CSS3 logó
  WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS   Ingyenes elektronikus tananyag interaktív
weboldalak készítéséhez.
Custom Search
 
vissza VISSZA    
menü MENÜ    
ismét ISMÉT    
tovább TOVÁBB    

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.