ویژگی value ورودی رنگ

تعریف و استفاده

value تنظیم یا بازگشت مقدار ویژگی value انتخاب‌کننده رنگ.

ویژگی value در HTML رنگ انتخاب‌کننده رنگ را مشخص می‌کند.

توضیحات:اگر هیچ چیزی تعیین نشده باشد، رنگ پیش‌فرض #000000 (سیاه) است.

صفحات مرتبط

آموزش HTML:رنگ HTML

دستورالعمل HTML:ویژگی value input HTML

مثال

مثال 1

رنگ انتخاب‌کننده رنگ را تغییر دهید:

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

آزمایش کنید

مثال 2

رنگ انتخاب‌کننده رنگ را بدست آورید:

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

آزمایش کنید

مثال 3

مثالی از تفاوت بین ویژگی defaultValue و value:

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

آزمایش کنید

نحوه نوشتن

بازگشت ویژگی value:

colorObject.value

تنظیم ویژگی value:

colorObject.value = #hexvalue

مقدار ویژگی

مقدار توضیحات
#hexvalue

رنگ انتخاب‌کننده رنگ را مشخص می‌کند.

این مقدار باید یک مقدار هگزادسیمال (hex) باشد: سه عدد دو رقمی، با نشانه # آغاز می‌شود (مانند #FF8040).

توجه:استفاده از کلمات کلیدی رنگی (مانند "red" یا "blue") مجاز نیست.

توضیحات:رنگ پیش‌فرض #000000 (سیاه) است.

جزئیات فنی

مقدار بازگشتی: مقدار رشته‌ای که رنگ را نشان می‌دهد.

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولین مرورگر هستند که این ویژگی را به طور کامل پشتیبانی می‌کند.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
پشتیبانی 10.0 پشتیبانی پشتیبانی پشتیبانی

توجه:عنصر <input type="color"> در Internet Explorer و Safari هیچ انتخاب‌گر رنگی نمایش نمی‌دهد.