موضوع HTML DOM Input Range

شیء Input Range

شیء Input Range یک شیء جدید در HTML5 است.

شیء Input Range نمایانگر عنصر HTML <input type="range"> است.

توضیح:اینترنت اکسپلورر 9 و نسخه‌های قدیمی‌تر از عنصر <input type="range"> پشتیبانی نمی‌کنند.

دسترسی به شیء Input Range

شما می‌توانید با استفاده از getElementById() به عنصر <input type="range"> دسترسی پیدا کنید:

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

آزمایش کنید

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

ایجاد موضوع Input Range

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

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

آزمایش کنید

ویژگی‌های موضوع Input Range

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

روش‌های موضوع Input Range

روش‌ها توضیحات
stepDown() مقدار اسلایدر را بر اساس عدد مشخص به صورت کاهشی تنظیم کنید.
stepUp() مقدار اسلایدر را بر اساس عدد مشخص به صورت افزایشی تنظیم کنید.

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

موضوع Input Range از استانداردها پشتیبانی می‌کندویژگی‌هاورویداد.

صفحات مرتبط

آموزش HTML:فرم HTML

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

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