Atrybut wyłączony HTML

❮ Poprzedni Wszystkie atrybuty HTML Dalej _

Definicja i użycie

Atrybut jest disabledatrybutem logicznym.

Gdy jest obecny, określa, że element powinien być wyłączony.

Wyłączony element jest bezużyteczny.

Atrybut można ustawić tak , disabledaby uniemożliwić użytkownikowi korzystanie z elementu, dopóki nie zostanie spełniony inny warunek (np. Zaznaczenie pola wyboru itp.). Następnie JavaScript może usunąć wyłączoną wartość i przywrócić użyteczność elementu.

Dotyczy

Atrybutu disabledmożna użyć na następujących elementach:

Elementy	Atrybut
<przycisk>	wyłączony
<zestaw pól>	wyłączony
<wejście>	wyłączony
<grupa_opcji>	wyłączony
<opcja>	wyłączony
<wybierz>	wyłączony
<obszar tekstowy>	wyłączony

Przykłady

Przykład przycisku

Nieaktywny przycisk:

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

Przykład zestawu pól

Wyłącz grupę powiązanych elementów formularza:

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

Przykład wejścia

Formularz HTML z wyłączonym polem wejściowym:

<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>

Przykład grupy opt

Wyłączona grupa opcji:

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

Przykład opcji

Lista rozwijana z jedną wyłączoną opcją:

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

Wybierz przykład

Wyłączona lista rozwijana:

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

Przykład obszaru tekstowego

Wyłączony obszar tekstowy:

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

Obsługa przeglądarki

disabledAtrybut ma następującą obsługę przeglądarki dla każdego elementu :

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