شیء 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