موضوع DOM HTML Input Range

كائن Input Range

كائن Input Range هو كائن جديد في HTML5.

كائن Input Range يمثل عنصر HTML <input type="range">.

ملاحظة:Internet Explorer 9 وأحدث إصداراته لا تدعم عنصر <input type="range">.

الوصول إلى كائن Input Range

يمكنك الوصول إلى عنصر <input type="range"> باستخدام getElementById()：

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

جرب بنفسك

نصيحة:يمكنك أيضًا تمرير مجموعة elements للوصول إلى Input Range Object.

إنشاء Input Range Object

يمكنك إنشاء عنصر <input type="range"> باستخدام طريقة document.createElement():

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

جرب بنفسك

خصائص Input Range Object

الخصائص الوصف
autocomplete تعيين أو استرجاع قيمة الخاصية autocomplete لتحكم السحب.
autofocus تعيين أو استرجاع ما إذا كان يجب على تحكم السحب أن يركز تلقائيًا بعد تحميل الصفحة.
defaultValue تعيين أو استرجاع القيمة الافتراضية لتحكم السحب.
disabled تعيين أو استرجاع ما إذا كان تحكم السحب معطلًا.
form استرجاع مرجع للنموذج الذي يحتوي على تحكم السحب.
list استرجاع مرجع لـ datalist الذي يحتوي على تحكم السحب.
max تعيين أو استرجاع قيمة الخاصية max لتحكم السحب.
min تعيين أو استرجاع قيمة الخاصية min لتحكم السحب.
name تعيين أو استرجاع قيمة الخاصية name لتحكم السحب.
step تعيين أو استرجاع قيمة الخاصية step لتحكم السحب.
type استرجاع نوع العنصر النموذجي لتحكم السحب.
value تعيين أو استرجاع قيمة الخاصية value لتحكم السحب.

طريقة Input Range Object

الطريقة الوصف
stepDown() تقليل قيمة التحكم في السحب بناءً على الرقم المحدد.
stepUp() زيادة قيمة التحكم في السحب بناءً على الرقم المحدد.

خصائص المعايير والأحداث

يستند Input Range Object إلى المعاييرالخصائصوالحدث.

الصفحات ذات الصلة

دليل HTML:نماذج HTML

دليل HTML:علامة <input> في HTML

دليل HTML:خصائص نوع <input> في HTML