HTML <نوع الإدخال = "النطاق">

❮ HTML <input> نوع سمة

مثال

حدد عنصر تحكم في النطاق (مثل عنصر تحكم شريط التمرير):

<label for="points">Points (between 0 and 10):</label>
<input type="range" id="points" name="points" min="0" max="10">

التعريف والاستخدام

يعرّف <input type="range">عنصر تحكم لإدخال رقم قيمته الدقيقة ليست مهمة (مثل عنصر تحكم شريط التمرير).

النطاق الافتراضي هو من 0 إلى 100. ومع ذلك ، يمكنك تعيين قيود على الأرقام المقبولة بالسمات أدناه.

  • max - تحدد القيمة القصوى المسموح بها
  • min - يحدد الحد الأدنى للقيمة المسموح بها
  • الخطوة - تحدد فترات العدد القانوني
  • القيمة - تحدد القيمة الافتراضية

نصيحة: أضف دائمًا <label>العلامة لأفضل ممارسات الوصول!


دعم المتصفح

تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم العنصر بشكل كامل.

Attribute
type="range" 4.0 10.0 23.0 3.1 10.1

بناء الجملة

<input type="range">

❮ HTML <input> نوع سمة