HTML - deaktiviertes Attribut
Definition und Verwendung
Das
disabledAttribut ist ein boolesches Attribut.
Wenn vorhanden, gibt es an, dass das Element deaktiviert werden soll.
Ein deaktiviertes Element ist unbrauchbar.
Das
disabledAttribut kann so eingestellt werden, dass ein Benutzer das Element nicht verwendet, bis eine andere Bedingung erfüllt ist (z. B. das Aktivieren eines Kontrollkästchens usw.). Dann könnte ein JavaScript den deaktivierten Wert entfernen und das Element wieder verwendbar machen.
Gilt für
Das
disabledAttribut kann für die folgenden Elemente verwendet werden:
| Elemente | Attribut |
|---|---|
| <Schaltfläche> | behindert |
| <Feldsatz> | behindert |
| <Eingabe> | behindert |
| <Optionsgruppe> | behindert |
| <Option> | behindert |
| <auswählen> | behindert |
| <Textbereich> | behindert |
Beispiele
Schaltflächenbeispiel
Eine deaktivierte Schaltfläche:
<button type="button" disabled>Click Me!</button>
Fieldset-Beispiel
Deaktivieren Sie eine Gruppe verwandter Formularelemente:
<fieldset disabled>
<legend>Personalia:</legend>
Name: <input type="text"><br>
Email: <input type="text"><br>
Date of birth: <input type="text">
</fieldset>
Eingabebeispiel
Ein HTML-Formular mit deaktiviertem Eingabefeld:
<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-Beispiel
Eine deaktivierte Optionsgruppe:
<select>
<optgroup label="German Cars" disabled>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>
Optionsbeispiel
Eine Dropdown-Liste mit einer deaktivierten Option:
<select>
<option value="volvo" disabled>Volvo</option>
<option value="saab">Saab</option>
<option value="vw">VW</option>
<option value="audi">Audi</option>
</select>
Wählen Sie Beispiel aus
Eine deaktivierte Dropdown-Liste:
<select disabled>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
Textarea-Beispiel
Ein deaktivierter Textbereich:
<textarea disabled>
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>
Browser-Unterstützung
Das disabledAttribut hat die folgende Browserunterstützung für jedes 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 |