Ejemplo
Cambiar el color de un selector de color:
document.getElementById("myColor").value = "#FF8040"; Inténtalo tú mismo " Definición y Uso
Los conjuntos de propiedades de valor o devuelve el valor del value atributo de un selector de color.
El value atributo especifica el color del selector de color.
Nota: Si no se especifica nada, el color predeterminado es # 000000 (black) .
Soporte del navegador
| Propiedad | |||||
|---|---|---|---|---|---|
| value | Sí | 10.0 | Sí | Sí | Sí |
Nota: La <input type="color"> elemento no muestra ninguna colorpicker en Internet Explorer y Safari.
Sintaxis
Devolver el valor de la propiedad:
colorObject .value
Establecer el valor de la propiedad:
colorObject .value= #hexvalue Valores de propiedad
| Valor | Descripción |
|---|---|
| #hexvalue | Especifica un color para el selector de color. El valor debe ser un hexadecimal (hex) Valor: 3 números de dos dígitos, comenzando con un signo # (like #FF8040) . Nota: Las palabras clave de color (como "red" o "azul") no están permitidos. Nota: El color del defecto es # 000000 (black) . |
Detalles técnicos
| Valor de retorno: | Una cadena, que representa un color |
|---|
Más ejemplos
Ejemplo
Obtener el color de un selector de color:
var x = document.getElementById("myColor").value;El resultado de x será:
#ff0080 Inténtalo tú mismo " Ejemplo
Un ejemplo que muestra la diferencia entre el valor de la propiedad y defaultValue:
var x = document.getElementById("myColor");
var defaultVal =
x.defaultValue;
var currentVal = x.value; Inténtalo tú mismo " Páginas relacionadas
Tutorial de HTML: Colores HTML
Tutorial de HTML: Los valores de color HTML (HEX)
Referencia HTML: HTML <input> atributo de valor
<Color del objeto de entrada