تگ input-range در JavaScript

شیء input range

این شیء در html5 جدید می باشد.

شیء input range نماینده ی تگ اچ تی ام ال <input> با ویژگی "type="range می باشد.

نکته: عناصر <input> با ویژگی range در اینترنت اکسپلورر 9 و ورژن های قبلی آن پشتیبانی نمی شوند.

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

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

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

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

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

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

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

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

متد	توضیحات
autocomplete	مقدار خصوصیت autocomplete از یک slider control را ست کرده یا برمی گرداند.
autofocus	ست کرده یا برمی گرداند که آیا هنگام لود شدن صفحه، یک slider control به طور اتوماتیک فوکس را دربافت کرده است یا نه.
defaultvalue	مقدار پیش فرض slider control را ست کرده یا برمی گرداند.
disabled	ست کرده یا برمی گرداند که آیا یک slider control فعال است یا نه.
form	یک ارجاع به فرمی که دربردارنده ی slider control است را برمی گرداند.
list	یک ارجاع به datalist که دربردارنده ی slider control است را برمی گرداند.
max	مقدار خصوصیت max از یک slider control را ست کرده یا برمی گرداند.
min	مقدار خصوصیت min از یک slider control را ست کرده یا برمی گرداند.
name	مقدار خصوصیت name از یک slider control را ست کرده یا برمی گرداند.
step	مقدار خصوصیت step از یک slider control را ست کرده یا برمی گرداند.
type	برمی گرداند که slider control از چه نوع فرمی است.
value	مقدار خصوصیت value از یک slider control را ست کرده یا برمی گرداند.

متد های شیء input range

متد	توضیحات
stepdown	به وسیله ی یک عدد مشخص، مقدار slider control را کاهش می دهد.
stepup	به وسیله ی یک عدد مشخص، مقدار slider control را افزایش می دهد.

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

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

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

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

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

: نوشته شده توسط احسان عباسی; بازدید: 4847

برای درج دیدگاه، ابتدا باید وارد بیاموز شوید.

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.

مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی