Attributo disabled Input Color

Definizione e uso

disabled Imposta o restituisce se il selettore di colore dovrebbe essere disabilitato.

Gli elementi disabilitati non sono utilizzabili e non possono essere cliccati. Di default, gli elementi disabilitati vengono solitamente presentati in grigio nel browser.

Questa proprietà riflette l'attributo disabled di HTML.

Vedi anche:

Manuale HTML:Proprietà disabled dell'elemento <input> HTML

Esempio

Esempio 1

Disabilita il selettore di colore:

document.getElementById("myColor").disabled = true;

Prova tu stesso

Esempio 2

Controlla se il selettore di colore è disabilitato:

var x = document.getElementById("myColor").disabled;

Prova tu stesso

Esempio 3

Disabilita e abilita il selettore di colore:

function disableBtn() {
    document.getElementById("myColor").disabled = true;
}
function undisableBtn() {
    document.getElementById("myColor").disabled = false;
}

Prova tu stesso

Sintassi

Restituisce l'attributo disabled:

colorObject.disabled

Imposta l'attributo disabled:

colorObject.disabled = true|false

Valore dell'attributo

Valore Descrizione
true|false

Determina se il selettore di colore dovrebbe essere disabilitato.

  • true - Il selettore di colore è disabilitato
  • false - Predefinito. Il selettore di colore non è disabilitato

Dettagli tecnici

Valore di ritorno: Valore booleano, restituito se il selettore di colore è disabilitato truealtrimenti restituisce false.

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente l'attributo.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporta 10.0 Supporta Supporta Supporta

Attenzione:L'elemento <input type="color"> non visualizza alcun selettore di colore in Internet Explorer e Safari.