<input type="range">

HTML <input type="range">

❮ HTML <input> type atributi

Misol

Diapazon boshqaruv elementini belgilang (slayder kabi):

<label for="points">Points (between 0 and 10):</label> <input type="range" id="points" name="points" min="0" max="10">
O‘zingiz sinab ko‘ring »

Ta’rif va qo‘llanilishi

<input type="range"> aniq qiymati muhim bo‘lmagan sonni kiritish uchun boshqaruv elementini belgilaydi (slayder kabi).

Standart diapazon 0 dan 100 gacha. Biroq quyidagi atributlar yordamida qaysi sonlar qabul qilinishiga cheklovlar qo‘yishingiz mumkin.

  • max - ruxsat etilgan maksimal qiymatni belgilaydi
  • min - ruxsat etilgan minimal qiymatni belgilaydi
  • step - ruxsat etilgan sonlar orasidagi intervalni belgilaydi
  • value - standart qiymatni belgilaydi

Maslahat: Qulaylik (accessibility) bo‘yicha eng yaxshi amaliyotlarga rioya qilish uchun har doim <label> tegini qo‘shing!


Brauzerlarda qo‘llab-quvvatlash

Jadvaldagi raqamlar elementni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.

Atribut
type="range" 4.0 10.0 23.0 3.1 10.1

Sintaksis

<input type="range">

❮ HTML <input> type atributi

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!