Datalist: Skillnad mellan sidversioner

Från Webbling
Hoppa till: navigering, sök
 
Rad 4: Rad 4:
Enbart de [[globala attribut|globala attributen]] är tillgängliga för denna tagg.
Enbart de [[globala attribut|globala attributen]] är tillgängliga för denna tagg.
== Exempel ==
== Exempel ==
<codepen pen="NqMrYN" tab="html" height="200">
<codepen pen="NqMrYN" tab="html,result" height="300">
<syntaxhighlight lang="html5">
<syntaxhighlight lang="html5">
<input list="namn" />
<input list="namn" />

Nuvarande version från 30 januari 2019 kl. 15.21

Används för att definiera förval till ett input-element. Förvalen innesluts i ett antal option-element.

Tillgänliga attribut

Enbart de globala attributen är tillgängliga för denna tagg.

Exempel

See the Pen NqMrYN by Patrik Grip-Jansson (@PGJ) on CodePen.

Ovanstående exempel skapar en gränssnittskomponent där man antingen kan välja ifrån listan genom att klicka på den, eller börja skriva det man vill välja. När man skriver så kommer de möjliga valen att filtreras ut och visas.

Referenser

Taggens definition i WHATWGs levande HTML-standard

http://www.whatwg.org/specs/web-apps/current-work/multipage/the-button-element.html#the-datalist-element

Taggens definition i HTML5-standarden

http://www.w3.org/TR/html5/the-datalist-element.html#the-datalist-element