HTML Tutorial

HTML-tagg: <select>

Användning av <select>

  • Skapar en rullgardinsmeny med ett antal alternativ som användaren kan välja mellan.

Attribut för <select>

  • name: Namn på elementet.
  • size: Antal synliga alternativ samtidigt (standard: 1).
  • multiple: Tillåter användaren att välja flera alternativ.
  • disabled: Gör rullgardinsmenyn inaktiverad.
  • required: Kräver att användaren väljer ett alternativ.

Exempel med <select>

<select name="land">
  <option value="sverige">Sverige</option>
  <option value="norge">Norge</option>
  <option value="danmark">Danmark</option>
</select>

Att utforska <select>-taggen

  1. Skapa ett HTML-dokument med en <select>-tagg.
  2. Lägg till alternativ inom <select>-taggen med <option>-taggar.
  3. Ange lämpliga attribut för <select>-taggen.
  4. Styla rullgardinsmenyn med CSS (valfritt).
  5. Testa rullgardinsmenyn i en webbläsare.

Hjälpmedel

  • ARIA-attribut: Hjälper skärmläsare att tolka innehållet i rullgardinsmenyn.
  • Tabindex: Anger tabbordning för rullgardinsmenyn.
  • Label: Associerar en textetikett med rullgardinsmenyn för förbättrad tillgänglighet.