<input type="color">

Esta traducción está incompleta. Por favor, ayuda a traducir este artículo del inglés.

El <input type="color"> element es una versión específica del elemento { { HTMLElement ( "input" ) } } , que se utiliza para crear un campo de entrada que permiten al usuario seleccionar el color e introduzca el código de color . La interfaz de usuario de un selector de color no tiene características requeridas de aceptar otros colores simples como texto

(more info).

 

El navegador va a generar un campo de entrada para seleccionar y cambiar los colores. Los datos que entra en el usuario se representa como color.

Content categories Flow content, lista, presentar tabla, reajustar tabla, elemento forma-asociada, phrasing content, elemento labellable , contenido palpable.
Contenido Permitido Ninguno, es una empty element.
Omisión de etiqueta Debe tener una etiqueta de inicio y no debe tener una etiqueta de cierre .
Elementos primarios permitidos Algunos elementos que acepten phrasing content.
Interfaz DOM HTMLInputElement

Atributos

 

Al lado de los atributos enumerados a continuación , este elemento puede tener cualquiera de las global attributes.

autocompleteHTML5

Establece el valor del atributo de autocompletar un campo de color . Si esto es cierto , se llena automáticamente con el valor almacenado previamente para el selector de color.
autofocusHTML5

Este atributo booleano le permite especificar que un campo de formulario debe tener el foco de entrada cuando se carga la página , a menos que el usuario los redefina , por ejemplo , escribiendo en un campo diferente. Sólo un elemento de formulario en un documento puede tener el atributo de enfoque automático , el cual es un valor booleano.
defalutvalue
Establece el valor predeterminado de un selector de color.
disabled
 
Este atributo booleano indica que el selector de color no está disponible para la interacción. Además , los valores de campo con discapacidad no se presentan con la forma.

.

name

El nombre del selector de color , que se presenta con los datos del formulario .

 

value
El valor del selector de color , qué color será seleccionado en el selector de color por el valor default.The característica de la entrada debe ser una cadena larga de 7 caracteres empezando por el número y que contiene un color en formato hexadecimal. e.g #FF0000, que es el código hexadecimal para el color rojo.

Ejemplos

Para crear widget de selección de color, utilice :

<input type="color"  />

El ejemplo anterior creará el color elemento selector de color negro por defecto seleccionado

<input type="color"  value="#ff0000" />

El ejemplo anterior creará el color elemento selector con el rojo seleccionado .

Aquí está una imagen del control de color que se muestra en Mac dentro del navegador Chrome

 

This is how an input type color looks on Mac and within Chrome

Especificaciones

Especificación

Estado

Comentario
WHATWG HTML Living Standard Living Standard  
HTML5 Recommendation  
HTML 4.01 Specification Recommendation Definición inicial

Característica Chrome Firefox (Gecko) Internet Explorer Opera Safari
Apoyo básico 1.0 1.0 (1.7 or earlier) 2 1.0 1.0
type=color 20.0

29.0 (29.0)[1]

No support 11.01 No support
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Apoyo básico (Yes) 4.0 (2.0) (Yes) (Yes) (Yes)
type=color 4.4 27.0 (27.0) ? (Yes) ?

[1] Esto no está implementado para Windows Touch todavía.

Etiquetas y colaboradores del documento

 Colaboradores en esta página: Alesan7
 Última actualización por: Alesan7,