Referens
HTML select

HTML select

HTML select taggen anger en drop-down meny.

Exempel:

HTML:

<select>
   <option value="Fågel">Fågel</option>
   <option value="Fisk">Fisk</option>
   <option value="Mittemellan">Mittemellan</option>
</select>

Elementet option inuti elementet select anger de olika menyvalen.

HTML select
Elementtyp Sluttagg Utfasat Doctype
Speciell Ja Nej Strict, Transitional, Frameset
Elementet får innehålla
option och
optgroup
Elementet får finnas i
Blockelement, inlineelement utom button

Läs mer om HTML select i HTML formulär

Tips för HTML select

Använd elementet optgroup för att skapa rubriken i menyerna.

Exempel:

HTML:

<select>
  <optgroup label="Djur">
    <option value="Fågel">Fågel</option>
    <option value="Fisk">Fisk</option>
  </optgroup>
  <optgroup label="Annat">
    <option value="Mittemellan">Mittemellan</option>
  </optgroup>
</select>

HTML select attribut

Valbara attribut
Attribut Beskrivning Värde
disabled Anger att menyn är avstängd disabled
multiple Anger att flera alternativ kan väljas multiple
name Anger objektets namn text
size Anger antal rader som ska visas samtidigt siffra

Universella attribut
Attribut Beskrivning Värde
id Anger att elements unika identitet text
class Anger vilken klass eller vilka klasser ett element tillhör text
style Tilldelar elementet en egen visuell stil CSS attribut och värden
title Anger en titel för eller kort beskrivning av elementet text
dir Anger textriktning för innehållet rtl, ltr
lang Anger språk på elementets innehåll språkkod
xml:lang Används istället för "lang" när koden skrivs i XHTML 1.0 språkkod
tabindex Anger "tab ordningen" på olika element heltal

Händelse attribut
Attribut Utlösande händelse Värde
onclick Enkelklick med musen på elementet javascript
ondblclick Dubbelklick med musen på elementet javascript
onkeydown En tangent trycks ned javascript
onkeyup En tangent släpps upp javascript
onkeypress En tangent trycks ned eller hålls nedtryckt javascript
onmousedown En musknapp trycks ned över elementet javascript
onmouseup En musknapp släpps upp över elementet javascript
onmouseover Muspekaren flyttas in över elementet javascript
onmousemove Muspekaren flyttas inom elementet javascript
onmouseout Muspekaren flyttas ut från elementet javascript
onfocus Elementet får fokus javascript
onblur Elementet tappar fokus javascript
onchange Elementets innehåll ändras javascript
| Mer