Attributo HTML disabilitato
Definizione e utilizzo
L'
disabledattributo è un attributo booleano.
Quando presente, specifica che l'elemento deve essere disabilitato.
Un elemento disabilitato è inutilizzabile.
L'
disabledattributo può essere impostato per impedire a un utente di utilizzare l'elemento fino a quando non viene soddisfatta qualche altra condizione (come selezionare una casella di controllo, ecc.). Quindi, un JavaScript potrebbe rimuovere il valore disabilitato e rendere nuovamente utilizzabile l'elemento.
Si applica a
L'
disabledattributo può essere utilizzato sui seguenti elementi:
| Elementi | Attributo |
|---|---|
| <pulsante> | Disabilitato |
| <set di campi> | Disabilitato |
| <immissione> | Disabilitato |
| <gruppo opt> | Disabilitato |
| <opzione> | Disabilitato |
| <seleziona> | Disabilitato |
| <area di testo> | Disabilitato |
Esempi
Esempio di pulsante
Un pulsante disabilitato:
<button type="button" disabled>Click Me!</button>
Esempio di campo
Disabilita un gruppo di elementi del modulo correlati:
<fieldset disabled>
<legend>Personalia:</legend>
Name: <input type="text"><br>
Email: <input type="text"><br>
Date of birth: <input type="text">
</fieldset>
Esempio di input
Un modulo HTML con un campo di input disabilitato:
<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>
Esempio di gruppo di opt
Un gruppo di opzioni disabilitato:
<select>
<optgroup label="German Cars" disabled>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>
Esempio di opzione
Un elenco a discesa con un'opzione disabilitata:
<select>
<option value="volvo" disabled>Volvo</option>
<option value="saab">Saab</option>
<option value="vw">VW</option>
<option value="audi">Audi</option>
</select>
Seleziona Esempio
Un elenco a discesa disabilitato:
<select disabled>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
Esempio di area di testo
Un'area di testo disabilitata:
<textarea disabled>
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>
Supporto browser
L' disabledattributo ha il seguente supporto del browser per ogni elemento:
| 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 |