Referens
HTML option

HTML option

HTML option taggen anger ett alternativ i 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 anger de olika menyvalen i elementet select.

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

HTML option
Elementtyp Sluttagg Utfasat Doctype
Speciell Ja Nej Strict, Transitional, Frameset
Elementet får innehålla
Text och teckenkoder
Elementet får finnas i
select, optgroup
Skillnad mellan HTML och XHTML
Ingen

Tips för HTML option

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 option attribut

Valbara attribut
Attribut Beskrivning Värde
disabled Anger att alternativet är avstängd disabled
label Anger en etikett för alternativet text
selceted Anger att alternativet är förvalt selected
value Anger alternativets värde text

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
| Mer