Användning av Datalist-Elementet för Fördefinierade Inmatningsförslag
Elementet <datalist> i HTML används för att skapa en fördefinierad lista med alternativ för ett <input>-element. Det gör det möjligt för användaren att välja ett alternativ från listan samtidigt som de kan ange ett eget värde om de vill. Listan med fördefinierade värden förblir dold tills användaren börjar skriva i det tillhörande textfältet. <datalist> kopplas ihop med ett id-attribut, och <input> länkas till detta med hjälp av attributet list.
index.html
Elementet <datalist> är användbart när du vill ge hjälpsamma förslag utan att begränsa användarna till en fast uppsättning val.
Exempel
När användaren skriver i fältet visar webbläsaren de fördefinierade kategorierna. Om ingen matchar kan användaren ändå ange ett eget värde.
index.html
<label for="category">: beskriver syftet med inmatningsfältet;<input type="text" name="category" id="category" list="categories"/>: ett textfält som visar förslag från en länkad datalista;<datalist id="categories">: innehåller fördefinierade alternativ som visas som tips vid inmatning;<option value="...">: representerar varje föreslaget alternativ.
1. Vilket HTML-element används för att skapa en rullgardinslista med flera alternativ?
2. Vad är syftet med elementet datalist?
3. Vilket attribut används för att länka ett datalist-element till ett input-element?
Tack för dina kommentarer!
Fråga AI
Fråga AI
Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal
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>`?
Fantastiskt!
Completion betyg förbättrat till 2.38Användning av Datalist-Elementet för Fördefinierade Inmatningsförslag
Svep för att visa menyn
Elementet <datalist> i HTML används för att skapa en fördefinierad lista med alternativ för ett <input>-element. Det gör det möjligt för användaren att välja ett alternativ från listan samtidigt som de kan ange ett eget värde om de vill. Listan med fördefinierade värden förblir dold tills användaren börjar skriva i det tillhörande textfältet. <datalist> kopplas ihop med ett id-attribut, och <input> länkas till detta med hjälp av attributet list.
index.html
Elementet <datalist> är användbart när du vill ge hjälpsamma förslag utan att begränsa användarna till en fast uppsättning val.
Exempel
När användaren skriver i fältet visar webbläsaren de fördefinierade kategorierna. Om ingen matchar kan användaren ändå ange ett eget värde.
index.html
<label for="category">: beskriver syftet med inmatningsfältet;<input type="text" name="category" id="category" list="categories"/>: ett textfält som visar förslag från en länkad datalista;<datalist id="categories">: innehåller fördefinierade alternativ som visas som tips vid inmatning;<option value="...">: representerar varje föreslaget alternativ.
1. Vilket HTML-element används för att skapa en rullgardinslista med flera alternativ?
2. Vad är syftet med elementet datalist?
3. Vilket attribut används för att länka ett datalist-element till ett input-element?
Tack för dina kommentarer!
