Input Color value-eigenschap

HTML DOM Input Color object

Definitie en gebruik

value Stelt of retourneert de waarde van de value-eigenschap van de kleurkeuze.

De HTML value-eigenschap stelt de kleur van de kleurkeuze in.

Opmerking:Als er niets is vastgesteld, is de standaardkleur #000000 (zwart).

Gerelateerde pagina's

HTML tutorial:HTML color

HTML referentiemanual:HTML <input> value attribute

Voorbeeld

Voorbeeld 1

De kleur van de kleurkeuze wijzigen:

document.getElementById("myColor").value = "#FF8040";

Probeer het zelf

Voorbeeld 2

De kleur van de kleurkeuze ophalen:

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

Probeer het zelf

Voorbeeld 3

Een voorbeeld van het verschil tussen de defaultValue- en value-eigenschappen weergeven:

var x = document.getElementById("myColor");
var defaultVal = x.defaultValue;
var currentVal = x.value;

Probeer het zelf

Syntax

Retourneer de value-eigenschap:

colorObject.value

Stel de value-eigenschap in:

colorObject.value = #hexvalue

Eigenschapswaarde

Waarde Beschrijving
#hexvalue

Stelt de kleur van de kleurkeuze aan.

Deze waarde moet een hexadecimaal (hex) getal zijn: drie twee-cijferige getallen, begint met een #-teken (bijvoorbeeld #FF8040).

Note:Het is niet toegestaan om kleurwoorden te gebruiken (zoals "rood" of "blauw").

Opmerking:De standaardkleur is #000000 (zwart).

Technical details

Return value: String value, representing the color.

Browser support

The numbers in the table indicate the first browser version that fully supports this property.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support 10.0 Support Support Support

Note:The <input type="color"> element does not display any color selector in Internet Explorer and Safari.

HTML DOM Input Color object