Los últimos tutoriales de desarrollo web
 

HTML DOM objeto de entrada de color


Entrada de color de objetos

El objeto de entrada de color es nuevo en HTML5.

El objeto de entrada de color representa un HTML <input> elemento con el tipo = "color".

Nota: <input> elementos con type = "color" no se admiten en Internet Explorer o Safari.

Acceder a un color de objeto de entrada

Puede acceder a un <input> elemento con el tipo = "color" mediante el uso de getElementById() :

Ejemplo

var x = document.getElementById("myColor");
Inténtalo tú mismo "

Consejo: También puede acceder a <input type="color"> buscando a través de la elementos de colección de una forma.

Crear un color de objeto de entrada

Se puede crear un <input> elemento con el tipo = "color" con el document. createElement() document. createElement() método:

Ejemplo

var x = document.createElement("INPUT");
x.setAttribute("type", "color");
Inténtalo tú mismo "

Propiedades del objeto de color de entrada

Propiedad Descripción
autocomplete Establece o devuelve el valor de la autocomplete atributo de un selector de color
autofocus Establece o devuelve si un selector de color deben obtener automáticamente el enfoque cuando se carga la página
defaultValue Establece o devuelve el valor predeterminado de un selector de color
disabled Establece o devuelve si un selector de color está desactivada, o no
form Devuelve una referencia al formulario que contiene el selector de color
list Devuelve una referencia a la <datalist> elemento que contiene el selector de color
name Establece o devuelve el valor del name atributo de un selector de color
type Devuelve el tipo de elemento de formulario es el selector de color
value Establece o devuelve el valor del value atributo de un selector de color

Propiedades estándar y Eventos

El objeto de entrada de color también es compatible con los estándares propiedades y eventos .


Páginas relacionadas

Tutorial de HTML: formularios HTML

Referencia HTML: HTML <input> etiqueta

Referencia HTML: HTML <input> atributo type