Objeto Input Color DOM HTML

Objeto Color

O objeto Color é um novo objeto no HTML5.

O objeto Color representa o elemento HTML <input type="color">.

Notas:Internet Explorer e Safari não suportam o elemento <input type="color">.

Acessar objeto Color

Você pode acessar o elemento <color> usando getElementById():

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

Experimente você mesmo

Dica:Você também pode percorrer o Conjunto de elementospara acessar o objeto Color.

Criar objeto Color

Você pode criar um elemento <color> usando o método document.createElement():

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

Experimente você mesmo

Atributos do objeto Color

Atributos Descrição
autocomplete Define ou retorna o valor do atributo autocomplete do seletor de cor.
autofocus Define ou retorna se o seletor de cor deve obter o foco automaticamente após o carregamento da página.
defaultValue Define ou retorna o valor padrão do seletor de cor.
disabled Define ou retorna se o seletor de cor está desativado.
form Retorna uma referência para o formulário que contém o seletor de cor.
list Retorna uma referência para o datalist que contém o seletor de cor.
name Define ou retorna o valor do atributo name do seletor de cor.
type Retorna o tipo de elemento do formulário do seletor de cor.
value Define ou retorna o valor do atributo value do seletor de cor.

Atributos e eventos padrão

O objeto Color suporta padrõesAtributoseEventos.

Páginas relacionadas

Tutorial HTML:Formulários HTML

Manual de referência do HTML:Etiqueta <input> HTML

Manual de referência do HTML:Atributo type do <input> HTML