Previous >    <Next  

HTML DOM Input Color Object

‎شئInput Color

‎شئInput Color منتسب با يك عنصرHTML ‎<input>‎ ميباشد .با شئ فوق ‎ميتوان عنصرHTML ‎<input>‎ صفحه را بصورت اقدامات شئ گرائي مديريت كرد.

‎بايد عنصر‎<input>‎ مرتبط با شئInput Color داراي ويژگيtype="color‎"‎ ‎باشد .مقدار پيش فرض ويژگيtype براي عنصر input مقدار ‎"text‎"‎ميباشد .

‎دسترسي به شئInput Color

‎مثال ـ دسترسي به شئInput Color باid="myColor‎"‎

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

--(go to editor for change code and run)

‎ايجاد شئInput Color

‎با متد‎document.createElement()‎‎ ميتوان شئInput Color را ايجاد نمود .بعبارتي ‎ميتوان عنصر‎<input>‎ را با ويژگيtype="color‎"‎ ايجاد كرد.

‎مثال ـ ايجاد شئInput Color

var x = document.createElement("INPUT");
x.setAttribute("type", "color");

--(go to editor for change code and run)

‎ويژگي هايInput Color Object

‎ويژگي ‎شرح
autocomplete ‎مقدار ويژگيautocomplete را تنظيم ويابرگشت ميدهد .
‎ويژگي تكميل خودكار شئInput Color
autofocus ‎ويژگي مشخص ميكند كه آيا عنصر بصورت اتوماتيك در بارگذاري انتخاب شود.
defaultValue ‎مقدار پيش فرض انتخابگر رنگ راتنظيم ويا برميگرداند.
disabled ‎وضعيت فعال بودن عنصر را تنظيم ويابرگشت ميدهد.
form ‎ويژگيform مشخص ميكند كه ورودي رنگ ، متعلق بكدام عنصرفرم است.
list ‎فهرستي از عنصر‎<datalist>‎ كه رنگهاي انتخابگر است برگشت ميدهد .
name ‎ويژگيname نامي را براي ورودي رنگ مشخص ميكند.
type ‎ويژگيtype نوع عنصر ورودي را مشخص ميكند .
type="color‎"‎برايInput Color
value ‎ويژگيvalue مقداري را براي عنصر ورودي مشخص ميكند .

‎ويژگيInput Color defaultValue

‎ويژگي‎defaultValue‎ شئInput Color رنگ پيش فرض انتخابگر را تنظيم ويا ‎برگشت ميدهد .مقدار اين ويژگي مقدار ويژگي‎HTML <input> value‎ عنصر مرتبط ‎با شئInput Color است .

‎مثال ـ دريافت رنگ پيش فرض انتخابگر رنگ

var x = document.getElementById("myColor").defaultValue

--(go to editor for change code and run)

‎تفاوت بين ويژگيdefaultValue وvalue اين است كهdefaultValue مقدار پيش فرض را داراست ولي ‎ويژگيvalue مقدار جاري آنرا .اگر تغييراتي درآن داده نشود، اين دو داراي مقداري مشابه هستند

‎ويژگيdefaultValue زماني مفيداست كه بخواهيد متوجه شويد، رنگ با استفاده از انتخابگر تغيير ‎كرده يا نه.

‎پشتيباني مرورگرBrowser Support -‎

‎ويژگي Chorome Edge Firefox Safari Opera
defaultValue Yes 10.0 Yes Yes Yes

‎توجه ـ عنصر‎<input type="color">‎ هر رنگ انتجابگر رنگ را در اينترنت اكسپلورر ‎سافاري نشان داده نميشود.

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي colorObject.defaultValue

‎فرمت تنظيم ويژگي colorObject.defaultVale=value

‎مثال ـ دراين مثال اختلاف بين دو ويژگيdefaultValue و value نشان داده ميشود .

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

--(go to editor for change code and run)

‎شئInput Color از ويژگي ها ورويداد هاي استاندارد پيروي ميكند.

‎صفحات مرتبط

HTML forms

HTML <input> Tag

HTML type Attribute


Previous >    <Next