تگ input-range در JavaScript
شیء input range
شیء input range نماینده ی تگ اچ تی ام ال <input> با ویژگی "type="range می باشد.
نکته: عناصر <input> با ویژگی range در اینترنت اکسپلورر 9 و ورژن های قبلی آن پشتیبانی نمی شوند.
دسترسی به شیء input range
شما می توانید با استفاده از دستور getElementById به یک عنصر <input> با ویژگی "type="range دسترسی داشته باشید:
نکته: شما همچنین می توانید با جستجو در مجموعه عناصر یک فرم به یک <"input type="range> دسترسی داشته باشید.
ایجاد یک شیء input range
شما می توانید با استفاده از متد ()document.createElement به یک عنصر <input> با ویژگی "type="range دسترسی داشته باشید:
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
- نوشته شده توسط احسان عباسی
- بازدید: 5144
