HTML vypnuto Atribut
Definice a použití
Atribut
disabled
je booleovský atribut.
Pokud je přítomen, určuje, že prvek by měl být zakázán.
Deaktivovaný prvek je nepoužitelný.
Atribut
disabled
lze nastavit tak, aby uživateli zabránil v používání prvku, dokud není splněna nějaká jiná podmínka (jako je zaškrtnutí políčka atd.). JavaScript by pak mohl zakázanou hodnotu odstranit a prvek znovu použít.
Platí pro
Atribut
disabled
lze použít u následujících prvků:
Prvky | Atribut |
---|---|
<tlačítko> | zakázáno |
<fieldset> | zakázáno |
<vstup> | zakázáno |
<optgroup> | zakázáno |
<možnost> | zakázáno |
<vybrat> | zakázáno |
<textarea> | zakázáno |
Příklady
Příklad tlačítka
Deaktivované tlačítko:
<button type="button" disabled>Click Me!</button>
Příklad sady polí
Zakázat skupinu souvisejících prvků formuláře:
<fieldset disabled>
<legend>Personalia:</legend>
Name: <input type="text"><br>
Email: <input type="text"><br>
Date of birth: <input type="text">
</fieldset>
Příklad vstupu
HTML formulář se zakázaným vstupním polem:
<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>
Příklad skupiny opt
Deaktivovaná skupina možností:
<select>
<optgroup label="German Cars" disabled>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>
Příklad možnosti
Rozbalovací seznam s jednou zakázanou možností:
<select>
<option value="volvo" disabled>Volvo</option>
<option value="saab">Saab</option>
<option value="vw">VW</option>
<option value="audi">Audi</option>
</select>
Vyberte Příklad
Deaktivovaný rozevírací seznam:
<select disabled>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
Příklad textové oblasti
Zakázaná textová oblast:
<textarea disabled>
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>
Podpora prohlížeče
Atribut disabled
má následující podporu prohlížeče pro každý prvek:
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 |