Datalist: Skillnad mellan sidversioner
Från Webbling
PGJ (diskussion | bidrag) (Skapade sidan med 'Används för att definiera förval till ett <code>input</code>-element. Förvalen innesluts i ett antal <code>option</code>-element. == Tillgänliga attribut == Enba...') |
PGJ (diskussion | bidrag) |
||
| 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"> | |||
<syntaxhighlight lang="html5"> | <syntaxhighlight lang="html5"> | ||
<input list="namn" /> | <input list="namn" /> | ||
<datalist id=" | <datalist id="namn"> | ||
<option value="Adam"> | <option value="Adam"> | ||
<option value="Bertil"> | <option value="Bertil"> | ||
| Rad 13: | Rad 14: | ||
</datalist> | </datalist> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
</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. | 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 == | == Referenser == | ||
=== Taggens definition i [[WHATWG]]s levande HTML-standard === | === Taggens definition i [[WHATWG]]s levande HTML-standard === | ||
Versionen från 9 juli 2015 kl. 14.00
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
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
Taggens definition i HTML5-standarden
http://www.w3.org/TR/html5/the-datalist-element.html#the-datalist-element