HTML uitgeschakeld Kenmerk

❮ Vorige Alle HTML- kenmerken Volgende ❯

Definitie en gebruik

Het disabledattribuut is een booleaans attribuut.

Indien aanwezig, specificeert het dat het element moet worden uitgeschakeld.

Een uitgeschakeld element is onbruikbaar.

Het disabledattribuut kan worden ingesteld om te voorkomen dat een gebruiker het element gebruikt totdat aan een andere voorwaarde is voldaan (zoals het selecteren van een selectievakje, enz.). Vervolgens kan een JavaScript de uitgeschakelde waarde verwijderen en het element weer bruikbaar maken.

Geldt voor

Het disabledattribuut kan op de volgende elementen worden gebruikt:

elementen	Attribuut
<knop>	gehandicapt
<veldset>	gehandicapt
<invoer>	gehandicapt
<optgroup>	gehandicapt
<optie>	gehandicapt
<select>	gehandicapt
<tekstgebied>	gehandicapt

Voorbeelden

Knop Voorbeeld

Een uitgeschakelde knop:

<button type="button" disabled>Click Me!</button>

Voorbeeld veldset

Schakel een groep gerelateerde formulierelementen uit:

<fieldset disabled>
<legend>Personalia:</legend>
Name: <input type="text"><br>
Email: <input type="text"><br>
Date of birth: <input type="text">
</fieldset>

Invoervoorbeeld

Een HTML-formulier met een uitgeschakeld invoerveld:

<form action="/action_page.php">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname" disabled><br>
<input type="submit" value="Submit">
</form>

Optgroup voorbeeld

Een uitgeschakelde optiegroep:

<select>
<optgroup label="German Cars" disabled>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>

Optie Voorbeeld

Een vervolgkeuzelijst met één uitgeschakelde optie:

<select>
<option value="volvo" disabled>Volvo</option>
<option value="saab">Saab</option>
<option value="vw">VW</option>
<option value="audi">Audi</option>
</select>

Selecteer Voorbeeld

Een uitgeschakelde vervolgkeuzelijst:

<select disabled>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>

Voorbeeld tekstgebied

Een uitgeschakeld tekstgebied:

<textarea disabled>
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>

Browserondersteuning

Het disabledattribuut heeft de volgende browserondersteuning voor elk element:

Element
button	Yes	Yes	Yes	Yes	Yes
fieldset	Yes	Not supported	Yes	7.0	Yes
input	1.0	6.0	1.0	1.0	1.0
optgroup	1.0	8.0	Yes	Yes	Yes
option	1.0	8.0	1.0	Yes	Yes
select	Yes	Yes	Yes	Yes	Yes
textarea	Yes	Yes	Yes	Yes	Yes