tutoriais mais recente desenvolvimento web
 

Input Color disabled Property

<Object Color Input

Exemplo

Desativar um seletor de cores:

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

O resultado será:

Tente você mesmo "

Definição e Uso

Os conjuntos de propriedades com deficiência ou retorna se um seletor de cores deve ser desativado, ou não.

Um elemento deficiente é inutilizável e un-clicado. elementos deficientes são geralmente renderizados em cinza por padrão em navegadores.

Esta propriedade reflete o atributo disabled HTML.


Suporte navegador

Propriedade
disabled sim 10.0 sim sim sim

Nota: O <input type="color"> elemento não mostra qualquer colorpicker no Internet Explorer e Safari.


Sintaxe

Devolver o imóvel desativado:

colorObject .disabled

Defina a propriedade desativada:

colorObject .disabled=true|false

Valores de propriedade

Valor Descrição
true|false Especifica se um seletor de cores deve ser desativado ou não
  • true - O seletor de cores é desativado
  • falsa - Padrão. O seletor de cores não está desativado

Detalhes técnicos

Valor de retorno: Um booleano, retorna true se o seletor de cores é desativado, caso contrário ele retorna falso

mais Exemplos

Exemplo

Descobrir se um seletor de cores é desativado ou não:

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

O resultado x será:

true
Tente você mesmo "

Exemplo

Desativar e undisable um seletor de cores:

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

Páginas relacionadas

Referência HTML: HTML <input> atributo disabled


<Object Color Input