Løst: dropdown i html

Det største problem i forbindelse med dropdown i HTML er, at det kan være svært at gøre dem tilgængelige for mennesker med handicap. Dropdowns kodes ofte ved hjælp af JavaScript, hvilket kan være svært for skærmlæsere og andre hjælpeteknologier at fortolke. Derudover, hvis rullemenuen ikke er korrekt mærket eller beskrevet, forstår brugerne muligvis ikke, hvad rullemenuen bruges til, eller hvordan man interagerer med den.

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

1. – Denne kodelinje opretter en rullemenu. 2.Volvo– Denne kodelinje opretter en mulighed i rullemenuen med værdien "volvo". 3.Saab– Denne kodelinje opretter en mulighed i rullemenuen med værdien "saab". 4.Mercedes– Denne kodelinje opretter en mulighed i rullemenuen med værdien "mercedes". 5.Audi– Denne kodelinje opretter en mulighed i rullemenuen med værdien "audi". 6. – Denne kodelinje lukker rullemenuen og angiver, at alle muligheder er blevet tilføjet til den.

Hvad er en rulleliste

En rulleliste i HTML er en type input-element, der giver brugeren mulighed for at vælge en mulighed fra en liste over foruddefinerede muligheder. Listen vises, når brugeren klikker på rullepilen ved siden af ​​inputfeltet. Den valgte mulighed vises derefter i indtastningsfeltet. Rullelister bruges ofte, når der er flere muligheder, der skal vælges fra, såsom at vælge et land eller en stat fra en liste.

Sådan opretter du en rullemenu

Det er relativt nemt at lave en dropdown-menu i HTML. Her er trinene til at oprette en:

1. Begynd med at oprette en element, som vil indeholde alle mulighederne for din rullemenu. 2. Inde i element, tilføje en element for hvert punkt i din menu. Sørg for at inkludere en værdiattribut med hver mulighed, da denne vil blive brugt til at bestemme, hvilken mulighed der vælges, når formularen indsendes.

3. For at gøre en af ​​indstillingerne valgt som standard, skal du tilføje den valgte attribut til denne indstillings tag. Dette vil sikre, at det vises som valgt, når siden indlæses.

4. Tilføj endelig en etiket til din dropdown-menu ved hjælp af en tag med en tilknyttet "for"-attribut, der peger på dit udvalgte elements id-værdi (dette bør stemme overens med det, du indstillede i trin 1).