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
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
Especificaciones
| Especificación |
Estado |
Comentario |
|---|---|---|
| WHATWG HTML Living Standard | Living Standard | |
| HTML5 | Recommendation | |
| HTML 4.01 Specification | Recommendation | Definición inicial |
Navegadores compatibles
| 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.