Definition und Verwendung
Das disabled Attribut ist ein boolean - Attribut.
Wenn sie vorhanden sind, gibt es, dass das Element deaktiviert werden soll.
Ein gesperrtes Element ist unbrauchbar.
Das disabled Attribut kann eingestellt werden , um einen Benutzer zu verhindern , indem das Element , bis ein anderer Zustand (wie die Auswahl einer Checkbox, etc.) erfüllt ist. Dann könnte ein JavaScript, um die behinderten Wert, zu entfernen und das Element nutzbar zu machen.
Gilt für
Das disabled Attribut kann über die folgenden Elemente verwendet werden:
| Elements | Attribut |
|---|---|
| <button> | disabled |
| <fieldset> | disabled |
| <input> | disabled |
| <keygen> | disabled |
| <optgroup> | disabled |
| <option> | disabled |
| <select> | disabled |
| <textarea> | disabled |
Beispiele
Button - Beispiel
Ein deaktivierter Taste:
<button type="button" disabled>Click Me!</button>
Versuch es selber " Fieldset Beispiel
Deaktivieren einer Gruppe von verwandten Formularelemente:
<fieldset disabled>
<legend>Personalia:</legend>
Name: <input type="text"><br>
Email: <input type="text"><br>
Date of birth: <input type="text">
</fieldset>
Versuch es selber " Input
Ein HTML-Formular mit einem behinderten Eingabefeld:
<form
action="demo_form.asp">
First name: <input type="text" name="fname"><br>
Last name:
<input type="text" name="lname"
disabled><br>
<input type="submit" value="Submit">
</form>
Versuch es selber " Keygen Beispiel
Ein gesperrter <keygen> Element:
<form action="demo_keygen.asp" method="get">
Username: <input type="text" name="usr_name">
Encryption: <keygen name="security" disabled>
<input type="submit">
</form>
Versuch es selber " Optgroup Beispiel
Ein deaktivierter Option-Gruppe:
<select>
<optgroup label="German Cars" disabled>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>
Versuch es selber " Option Beispiel
Eine Dropdown-Liste mit einem behinderten Option:
<select>
<option value="volvo" disabled>Volvo</option>
<option value="saab">Saab</option>
<option value="vw">VW</option>
<option value="audi">Audi</option>
</select>
Versuch es selber " Select Beispiel
Ein behinderter 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>
Versuch es selber " Textarea Beispiel
Ein behinderter Textbereich:
<textarea disabled>
At w3ii.com you will learn how to make a website. We offer free
tutorials in all web development technologies.
</textarea>
Versuch es selber " Browser-Unterstützung
Das disabled Attribut hat die folgende Browser - Unterstützung für jedes Element:
| Element | |||||
|---|---|---|---|---|---|
| button | ja | ja | ja | ja | ja |
| fieldset | ja | Nicht unterstützt | ja | 7.0 | ja |
| input | 1.0 | 6.0 | 1.0 | 1.0 | 1.0 |
| keygen | ja | Nicht unterstützt | ja | 6.0 | ja |
| optgroup | 1.0 | 8.0 | ja | ja | ja |
| option | 1.0 | 8.0 | 1.0 | ja | ja |
| select | ja | ja | ja | ja | ja |
| textarea | ja | ja | ja | ja | ja |