Definicja i Wykorzystanie
disabled atrybut jest atrybutem logiczna.
Gdy występuje, to wskazuje, że element powinien być wyłączony.
Niepełnosprawny elementem jest bezużyteczny.
disabled atrybut może być ustawiony na bieżąco użytkownikowi za pomocą elementu aż jakiś inny warunek jest spełniony (jak wybierania opcji, itd.). Następnie JavaScript może usunąć wartość niepełnosprawnej, i uczynić element użyteczny.
Dotyczy
disabled atrybut może być stosowany na następujących elementach:
| Elementy | Atrybut |
|---|---|
| <button> | disabled |
| <fieldset> | disabled |
| <input> | disabled |
| <keygen> | disabled |
| <optgroup> | disabled |
| <option> | disabled |
| <select> | disabled |
| <textarea> | disabled |
Przykłady
Button Przykład
Niepełnosprawny przycisk:
<button type="button" disabled>Click Me!</button>
Spróbuj sam " Fieldset Przykład
Wyłącz grupy powiązanych elementów formy:
<fieldset disabled>
<legend>Personalia:</legend>
Name: <input type="text"><br>
Email: <input type="text"><br>
Date of birth: <input type="text">
</fieldset>
Spróbuj sam " Input Przykład
Formularz HTML z pola wprowadzania osób niepełnosprawnych:
<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>
Spróbuj sam " Keygen Przykład
Niepełnosprawny <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>
Spróbuj sam " Optgroup Przykład
Niepełnosprawny opcja grupach:
<select>
<optgroup label="German Cars" disabled>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>
Spróbuj sam " Option Przykład
Lista rozwijana z jedną opcją dla osób niepełnosprawnych:
<select>
<option value="volvo" disabled>Volvo</option>
<option value="saab">Saab</option>
<option value="vw">VW</option>
<option value="audi">Audi</option>
</select>
Spróbuj sam " Select Przykład
Niepełnosprawny listy rozwijanej:
<select disabled>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
Spróbuj sam " Textarea Przykład
Niepełnosprawny pole tekstowe:
<textarea disabled>
At w3ii.com you will learn how to make a website. We offer free
tutorials in all web development technologies.
</textarea>
Spróbuj sam " Pomoc Browser
disabled atrybut posiada następujące wsparcie przeglądarki dla każdego elementu:
| Element | |||||
|---|---|---|---|---|---|
| button | tak | tak | tak | tak | tak |
| fieldset | tak | Nieobsługiwany | tak | 7,0 | tak |
| input | 1,0 | 6,0 | 1,0 | 1,0 | 1,0 |
| keygen | tak | Nieobsługiwany | tak | 6,0 | tak |
| optgroup | 1,0 | 8,0 | tak | tak | tak |
| option | 1,0 | 8,0 | 1,0 | tak | tak |
| select | tak | tak | tak | tak | tak |
| textarea | tak | tak | tak | tak | tak |