Exemplo
Alterar a cor de um seletor de cores:
document.getElementById("myColor").value = "#FF8040";
Tente você mesmo " Definição e Uso
Os conjuntos de propriedades de valor ou retorna o valor do value atributo de um seletor de cores.
O value atributo especifica a cor do seletor de cores.
Nota: Se nada for especificado, a cor padrão é # 000000 (black) .
Suporte navegador
Propriedade | |||||
---|---|---|---|---|---|
value | sim | 10.0 | sim | sim | sim |
Nota: O <input type="color"> elemento não mostra qualquer colorpicker no Internet Explorer e Safari.
Sintaxe
Devolver a propriedade valor:
colorObject .value
Defina a propriedade de valor:
colorObject .value= #hexvalue
Valores de propriedade
Valor | Descrição |
---|---|
#hexvalue | Especifica uma cor para o seletor de cores. O valor deve ser um hexadecimal (hex) valor: 3 números de dois dígitos, começando com um sinal # (like #FF8040) . Nota: palavras-chave Cor (como "red" ou "azul") não são permitidos. Nota: A cor padrão é # 000000 (black) . |
Detalhes técnicos
Valor de retorno: | A String, que representa uma cor |
---|
mais Exemplos
Exemplo
Obter a cor de um seletor de cores:
var x = document.getElementById("myColor").value;
O resultado x será:
#ff0080
Tente você mesmo " Exemplo
Um exemplo que mostra a diferença entre o defaultValue e propriedade valor:
var x = document.getElementById("myColor");
var defaultVal =
x.defaultValue;
var currentVal = x.value;
Tente você mesmo " Páginas relacionadas
Tutorial HTML: HTML Colors
Tutorial HTML: Valores HTML Cor (HEX)
Referência HTML: HTML <input> atributo de valor
<Object Color Input