<input type="range"> একটি স্লাইডার নিয়ন্ত্রণ তৈরি করে যা ব্যবহারকারীদের একটি নির্দিষ্ট পরিসরের মধ্যে মান নির্বাচন করতে দেয়। আপনি min, max এবং step অ্যাট্রিবিউট ব্যবহার করে সংখ্যাগুলোর পরিসর সীমাবদ্ধ করতে পারেন। ডিফল্ট রেঞ্জ ০ থেকে ১০০ পর্যন্ত।
উদাহরণ
নিচের কোড চালিয়ে রেঞ্জ ইনপুট টাইপ (স্লাইডার) কীভাবে কাজ করে তা দেখুন:
<!DOCTYPE html> <html> <head> <title>HTML ইনপুট রেঞ্জ</title> </head> <body> <form action = "" method = "get"> সফটওয়্যার ইনস্টলেশন কোথায় থেমে গিয়েছিল তা জানান :<br><br> <input type = "range" name = "point" min = "0" max = "50"><br> <input type = "submit" value = "জমা দিন"> </form> </body> </html>
টিপস: step অ্যাট্রিবিউট ব্যবহার করে আপনি স্লাইডারের ধাপের আকার নিয়ন্ত্রণ করতে পারেন। উদাহরণস্বরূপ, step="5" সেট করলে স্লাইডার ৫-৫ করে বাড়বে। <output> ট্যাগ ব্যবহার করে বর্তমান মান লাইভ দেখানো যেতে পারে।