شئInput Color منتسب با يك عنصرHTML <input> ميباشد .با شئ فوق ميتوان عنصرHTML <input> صفحه را بصورت اقدامات شئ گرائي مديريت كرد.
بايد عنصر<input> مرتبط با شئInput Color داراي ويژگيtype="color" باشد .مقدار پيش فرض ويژگيtype براي عنصر input مقدار "text"ميباشد .
مثال ـ دسترسي به شئInput Color باid="myColor"
var x = document.getElementById("myColor");
با متدdocument.createElement() ميتوان شئInput Color را ايجاد نمود .بعبارتي ميتوان عنصر<input> را با ويژگيtype="color" ايجاد كرد.
مثال ـ ايجاد شئInput Color
var x = document.createElement("INPUT");
x.setAttribute("type", "color");
ويژگي | شرح |
---|---|
autocomplete | مقدار ويژگيautocomplete را تنظيم ويابرگشت ميدهد .
ويژگي تكميل خودكار شئInput Color |
autofocus | ويژگي مشخص ميكند كه آيا عنصر بصورت اتوماتيك در بارگذاري انتخاب شود. |
defaultValue | مقدار پيش فرض انتخابگر رنگ راتنظيم ويا برميگرداند. |
disabled | وضعيت فعال بودن عنصر را تنظيم ويابرگشت ميدهد. |
form | ويژگيform مشخص ميكند كه ورودي رنگ ، متعلق بكدام عنصرفرم است. |
list | فهرستي از عنصر<datalist> كه رنگهاي انتخابگر است برگشت ميدهد . |
name | ويژگيname نامي را براي ورودي رنگ مشخص ميكند. |
type | ويژگيtype نوع عنصر ورودي را مشخص ميكند .
type="color"برايInput Color |
value | ويژگيvalue مقداري را براي عنصر ورودي مشخص ميكند . |
ويژگيdefaultValue شئInput Color رنگ پيش فرض انتخابگر را تنظيم ويا برگشت ميدهد .مقدار اين ويژگي مقدار ويژگيHTML <input> value عنصر مرتبط با شئInput Color است .
مثال ـ دريافت رنگ پيش فرض انتخابگر رنگ
var x = document.getElementById("myColor").defaultValue
تفاوت بين ويژگيdefaultValue وvalue اين است كهdefaultValue مقدار پيش فرض را داراست ولي ويژگيvalue مقدار جاري آنرا .اگر تغييراتي درآن داده نشود، اين دو داراي مقداري مشابه هستند
ويژگيdefaultValue زماني مفيداست كه بخواهيد متوجه شويد، رنگ با استفاده از انتخابگر تغيير كرده يا نه.
ويژگي | ![]() | ![]() | ![]() | ![]() | ![]() |
---|---|---|---|---|---|
defaultValue | Yes | 10.0 | Yes | Yes | Yes |
توجه ـ عنصر<input type="color"> هر رنگ انتجابگر رنگ را در اينترنت اكسپلورر سافاري نشان داده نميشود.
مثال ـ دراين مثال اختلاف بين دو ويژگيdefaultValue و value نشان داده ميشود .
var x = document.getElementById("myColor"); var defaultVal = x.defaultValue; var currentVal = x.value;
شئInput Color از ويژگي ها ورويداد هاي استاندارد پيروي ميكند.