HTML Formulieren

HTML <option> element

  • Het <option> element definieert een mogelijke keuze voor een formulierveld
  • De <option> tag wordt samen met het <select> element toegepast.

Voorbeeld

<html>
<body>
<form>
<select>

<option>Ferrari</option>
<option>
Lamborghini</option>
<option>
Maserati</option>
<option>
Pagani</option>
</select>
</form>
</body>
</html>
tip

Standaard wordt de eerste optie geselecteerd !

Optionele attributen

Attribuut Waarde Beschrijving DTD
disabled disabled Specificeert dat een optie is uitgeschakeld. STF
label tekst Specificeert kort label voor de werkelijke optie. STF
selected selected Specificeert dat een andere optie dan de eerste in de lijst wordt geselecteerd. STF
value tekst Specificeert welke waarde (gecombineerd met de waarde van het name attribuut van het <select> element) naar de server wordt gestuurd. STF

naar boven 

Verschil HTML - XHTML

In HTML heeft het <option> element geen eindtag.

In XHTML moet de tag correct worden gesloten, dus <option>. . .</option> !

DTD geeft aan in welk <!DOCTYPE> van HTML 4.01 / XHTML 1.0DTD het attribuut is toegestaan.
S=Strict, T=Transitional, F=Frameset

Standaard attributen

  • Het <option> element ondersteunt volgende standaard attributen:
Attribuut Waarde Beschrijving DTD
class klassenaam Specificeert een klassenaam voor een element STF
dir ltr
rtl
Specificeert de tekst richting van de inhoud van een element STF
id id Specificeert een uniek id voor een element STF
lang taalcode Specificeert de taalcode van de inhoud van een element STF
style stijl definitie Specificeert de inline stijl van een element STF
title tekst Specificeert extra informatie over een element STF
xml:lang taalcode Specificeert de taalcode van de inhoud van een element, in een XHTML document STF

naar boven 

Gebeurtenis attributen

  • Het <option> element ondersteunt volgende gebeurtenis attributen:
Attribuut Waarde Beschrijving DTD
onclick script Script moet worden uitgevoerd op een muisklik STF
ondblclick script Script moet worden uitgevoerd op een dubbelklik STF
onmousedown script Script dat moet worden uitgevoerd wanneer de muis wordt ingedrukt STF
onmouseover script Script dat moet worden uitgevoerd wanneer de muisaanwijzer beweegt over een element STF
onmouseup script Script dat moet worden uitgevoerd wanneer muisknop wordt losgelaten STF
onmouseout script Script dat moet worden uitgevoerd wanneer de muisaanwijzer beweegt uit van een element STF
onmousemove script Script dat moet worden uitgevoerd wanneer de muisaanwijzer beweegt STF
onkeydown script Script dat moet worden uitgevoerd wanneer u een toets indrukt STF
onkeypress script Script dat moet worden uitgevoerd wanneer een toets wordt ingedrukt en losgelaten STF
onkeyup script Script dat moet worden uitgevoerd wanneer een toets wordt losgelaten STF

Browser ondersteuning

Internet Explorer Firefox Chrome Opera Safari

  • Het HTML <option> element wordt ondersteunt in de bekende browsers.
naar boven naar boven naar optgroup
naar boven naar het optgroup element