انتقل إلى محتوى الدرس

HTML form range input زر اختيار قيمة بين قيمتين في HTML form

سوف تتعلم في هذا الدرس كيفية عمل حقول اختيارية داخل عنصر HTML form والتي يقوم من خلالها المستخدم باختيار مجموعة خيارات أو خيار محدّد من مجموعة بيانات.

1 صفوف تعليمية
لغة HTML
6,846 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

يستخدم زر range input لاختيار قيمة واحدة محصورة بين قيميتين عن طريق slider مؤشر.

  • القيمة التي تحدد زر range input هي range لتصبح بهذا الشكل ⁦<input type="range">⁩.
  • لا يمكن اختيار أكثر من قيمة من خلال range input بداخل HTML form.

في المثال min=0 وmax=50؛ القيمة الأولية عند غياب value تقع في منتصف المجال، أي25، والخطوة الافتراضية1. لا يكفي id لإرسالها، لذلك أُضيف name.

HTML form range input

زر range input لاختيار قيمة واحدة محصورة بين قيميتين داخل HTML form.

HTML
<form>
  <label for="vol">Volume (between 0 and 50):</label>
  <input type="range" id="vol" name="vol" min="0" max="50">
</form>