سبد (0)

تگ input-color در JavaScript

شیء input color

شیء input color در html5 جدید می باشد.

شیء input color  یک عنصر اچ تی ام ال <input>  را با ویژگی "type="color مشخص می کند. 

نکته: عناصر input با ویژگی "type="color در اینترنت اکسپلورر یا safari پشتیبانی نمی شوند. 

دسترسی به شیء input color

شما می توانید با استفاده از دستور getElementById به یک عنصر input با ویژگی "type="color دسترسی داشته باشید:

var x = document.getElementById("mycolor"); امتحان کنید

نکته: شما همچنین می توانید با جستجو در مجموعه عناصر یک فرم، به یک عنصر <"input type="color> دسترسی داشته باشید. 

ایجاد یک شیء input color

شما می توانید با استفاده از متد ()document.createElement یک عنصر input با ویژگی "type="color ایجاد کنید:

var x = document.createElement("input");
x.setattribute("type", "color"); امتحان کنید

خصوصیت های شیء input color

متدتوضیحات
autocomplete

مقدار خصوصیت autocomplete از یک color picker را ست کرده یا برمی گرداند. 

autofocus

ست کرده یا برمی گرداند که آیا هنگام لود شدن صفحه، یک color picker باید به طور اتوماتیک فوکس را دریافت کند یا نه.

defaultvalue

مقدار پیش فرض یک color picker را ست کرده یا برمی گرداند. 

disabled

ست کرده یا برمی گرداند که آیا یک color picker غیر فعال است یا نه. 

form

یک ارجاع به فرمی که در بر دارنده ی color picker مورد نظر است را  برمی گرداند. 

list

یک ارجاع به عنصر <datalist> که دربردارنده ی color picker مورد نظر است را برمی گرداند.

name

مقدار خصوصیت ame از یک color picker را ست کرده یا برمی گرداند. 

type

برمی گرداند که color picker مورد نظر، چه نوع عنصر فرمی است. 

value

مقدار خصوصیت value از یک color picker را ست کرده یا برمی گرداند. 

خصوصیت ها و رویدادهای استاندارد

این شیء، خصوصیت ها و رویدادهای استاندارد javascript را پشتیبانی می کند.


آموزش های مرتبط

آموزش اچ تی ام ال: html forms

مرجع تگ ها: html <input> tag

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه