HTML DOM Object Color Input

Entrada colorida Objeto

O objeto de entrada Cor é novo em HTML5.

O objeto de cor de entrada representa um HTML <input> elemento com type = "cor".

Nota: <input> elementos com type = "color" não são suportadas no Internet Explorer ou Safari.

Você pode acessar um <input> elemento com type = "cor" usando getElementById() :

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

Dica: Você também pode acessar <input type="color"> através de pesquisa através da elementos coleção de um formulário.

Você pode criar um <input> elemento com type = "cor" usando o document. createElement() document. createElement() Método:

var x = document.createElement("INPUT");
x.setAttribute("type", "color");

Propriedade	Descrição
autocomplete	Define ou retorna o valor do autocomplete atributo de um seletor de cores
autofocus	Define ou retorna se um seletor de cores deve receber automaticamente o foco quando a página é carregada
defaultValue	Define ou retorna o valor padrão de um seletor de cores
disabled	Define ou retorna se um seletor de cores é desativado, ou não
form	Retorna uma referência para o formulário que contém o seletor de cores
list	Retorna uma referência ao <datalist> elemento que contém o seletor de cores
name	Define ou retorna o valor do name atributo de um seletor de cores
type	Retornos que tipo de elemento de formulário o seletor de cores é
value	Define ou retorna o valor do value atributo de um seletor de cores

O objeto de cor de entrada também suporta o padrão propriedades e eventos .

Referência HTML: HTML <input> tag