عنصر Input Color DOM HTML

Color Object

Color Object یک شیء جدید در HTML5 است.

Color Object نشان‌دهنده علامت HTML <input type="color"> است.

نکته:Internet Explorer و Safari از علامت <input type="color"> پشتیبانی نمی‌کنند.

دسترسی به Color Object

شما می‌توانید با استفاده از getElementById() به علامت <color> دسترسی پیدا کنید:

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

آزمایش کنید

توضیح:شما همچنین می‌توانید با جستجوی فرم مجموعه elementsبرای دسترسی به Color Object.

ایجاد Color Object

شما می‌توانید با استفاده از روش document.createElement() علامت <color> را ایجاد کنید:

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

آزمایش کنید

ویژگی‌های Color Object

ویژگی توضیحات
autocomplete تنظیم یا بازگشت مقدار ویژگی autocomplete انتخاب‌کننده رنگ.
autofocus تنظیم یا بازگشت اینکه انتخاب‌کننده رنگ باید به طور خودکار پس از بارگذاری صفحه تمرکز کند یا خیر.
defaultValue تنظیم یا بازگشت مقدار پیش‌فرض انتخاب‌کننده رنگ.
disabled تنظیم یا بازگشت اینکه انتخاب‌کننده رنگ به طور پیش‌فرض غیرفعال باشد یا خیر.
form بازگشت به فرم شامل انتخاب‌کننده رنگ.
list بازگشت به دیتالست شامل انتخاب‌کننده رنگ.
name تنظیم یا بازگشت مقدار ویژگی name انتخاب‌کننده رنگ.
type بازگشت نوع فرم عنصر انتخاب‌کننده رنگ.
value تنظیم یا بازگشت مقدار ویژگی value انتخاب‌کننده رنگ.

ویژگی‌های استاندارد و رویدادها

Color Object پشتیبانی از استانداردهاویژگیورویداد.

صفحات مرتبط

آموزش HTML:فرم HTML

دستورالعمل HTML:برچسب HTML <input>

دستورالعمل HTML:ویژگی type属性 HTML <input>