HTML Formulieren

HTML <option> disabled attribuut

  • Het disabled attribuut geeft aan dat een optie is uitgeschakeld.
    In dit geval kan de optie niet worden geselecteerd.

Attribuut voorbeeld

<html>
<body>
<select>

<option value="ananas" disabled="disabled">Ananas</option>
<option
value="bananen">Bananen</option>
<option
value="prei">Prei</option>
<option
value="selder" disabled="disabled">Selder</option>
</select>
</body>
</html>

naar boven 

tip

In Opera en Safari blijft de eerste optie geselecteerd, ook al is deze niet beschikbaar.

In de andere browsers wordt de eerst beschikbare optie geselecteerd.

Attribuut waarde

Waarde Beschrijving
disabled Hiermee wordt een optie uitgeschakeld.
tip

De gebruiker kan de optie niet selecteren tot er eventueel aan bepaalde voorwaarden is voldaan (vb. een checkbox selecteren).

Met een JavaScript kan deze optie dan beschikbaar worden gesteld.

Opbouw

<option disabled="disabled"></option>

Browser ondersteuning

Internet Explorer Firefox Chrome Opera Safari

  • Het <option> disabled attribuut wordt ondersteunt in de bekende browsers.
naar boven naar boven naar label attribuut
naar boven naar het label attribuut