Bruk av datalist-elementet for forhåndsdefinerte inndataforslag
<datalist>-elementet i HTML brukes til å opprette 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-attributtet.
index.html
<datalist>-elementet er nyttig når du ønsker å gi hjelpsomme forslag uten å begrense brukerne 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.
index.html
<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 forslag mens du skriver;<option value="...">: representerer hvert foreslåtte element.
1. Hvilket HTML-element brukes for å lage en nedtrekksliste med flere alternativer?
2. Hva er formålet med datalist-elementet?
3. Hvilket attributt brukes for å koble et datalist-element til et input-element?
Takk for tilbakemeldingene dine!
Spør AI
Spør AI
Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår
Can you show me a complete example using the `<datalist>` element?
What are some common use cases for `<datalist>` in web forms?
Are there any browser compatibility issues with `<datalist>`?
Fantastisk!
Completion rate forbedret til 2.38Bruk av datalist-elementet for forhåndsdefinerte inndataforslag
Sveip for å vise menyen
<datalist>-elementet i HTML brukes til å opprette 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-attributtet.
index.html
<datalist>-elementet er nyttig når du ønsker å gi hjelpsomme forslag uten å begrense brukerne 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.
index.html
<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 forslag mens du skriver;<option value="...">: representerer hvert foreslåtte element.
1. Hvilket HTML-element brukes for å lage en nedtrekksliste med flere alternativer?
2. Hva er formålet med datalist-elementet?
3. Hvilket attributt brukes for å koble et datalist-element til et input-element?
Takk for tilbakemeldingene dine!
