Bruk av datalist-elementet for forhåndsdefinerte inndataforslag

<datalist>-elementet i HTML brukes til å lage en forhåndsdefinert liste med alternativer for et <input>-element. Det gir brukeren mulighet til å velge et alternativ fra listen, samtidig som de kan skrive inn en egen verdi hvis de ønsker det. Listen med forhåndsdefinerte verdier forblir skjult til brukeren begynner å skrive i det tilknyttede tekstfeltet. <datalist> kobles sammen med en id-attributt, og <input>-elementet knyttes til denne ved å bruke list-attributten.

<datalist>-elementet er nyttig når du vil gi hjelpsomme forslag uten å begrense brukeren til et fast sett med valg.

Eksempel

Når brukeren skriver i feltet, viser nettleseren de forhåndsdefinerte kategoriene. Hvis ingen passer, kan brukeren fortsatt skrive inn en egen verdi.

• <label for="category">: beskriver formålet med inndatafeltet;
• <input type="text" name="category" id="category" list="categories"/>: et tekstfelt som viser forslag fra en tilknyttet dataliste;
• <datalist id="categories">: inneholder forhåndsdefinerte alternativer som vises som hint mens du skriver;
• <option value="...">: representerer hvert foreslåtte element.