Najnowsze tutoriale tworzenie stron internetowych
 

Input Color value Property

<Kolor obiektu wejściowego

Przykład

Zmiana koloru z próbnika kolorów:

document.getElementById("myColor").value = "#FF8040";
Spróbuj sam "

Definicja i Wykorzystanie

Zestawy Własności Wartość lub zwraca wartość value atrybutu z próbnika kolorów.

value atrybutu określa kolor z próbnika kolorów.

Uwaga: Jeśli nie jest określony, domyślnie jest kolor # 000000 (black) .


Wsparcie przeglądarka

Nieruchomość
value tak 10,0 tak tak tak

Uwaga: <input type="color"> element nie wykazują żadnych colorpicker w programie Internet Explorer i Safari.


Składnia

Zwraca właściwość wartość:

colorObject .value

Ustaw właściwość wartość:

colorObject .value= #hexvalue

wartości nieruchomości

Wartość Opis
#hexvalue Określa kolor z próbnika kolorów.

Wartość musi być szesnastkowym (hex) wartość: 3 podwójne cyfrowe numery, począwszy od znaku # (like #FF8040) .

Uwaga: Kolor słów kluczowych (takich jak "red" lub „niebieski”) nie są dozwolone.

Uwaga: Domyślny kolor # 000000 (black) .

Szczegóły techniczne

Zwracana wartość: Ciąg reprezentujący kolor

Więcej przykładów

Przykład

Uzyskać kolor z próbnika kolorów:

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

Wynikiem X będzie:

#ff0080
Spróbuj sam "

Przykład

Przykładem, który pokazuje różnicę między DefaultValue i mienia wartości:

var x = document.getElementById("myColor");
var defaultVal = x.defaultValue;
var currentVal = x.value;
Spróbuj sam "

Podobne strony

Poradnik HTML: HTML Kolory

Poradnik HTML: Wartości HTML Kolor (HEX)

Odniesienia HTML: HTML <input> wartość atrybutu


<Kolor obiektu wejściowego