কম্পিউটার টিউটোরিয়াল

HTML-এ রেঞ্জ ইনপুট টাইপের ব্যবহার

<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> ট্যাগ ব্যবহার করে বর্তমান মান লাইভ দেখানো যেতে পারে।

  1. HTML-এ প্লেসহোল্ডার অ্যাট্রিবিউটের ব্যবহার

  2. HTML-এ ইয়ার (year) ইনপুট টাইপ ব্যবহার

  3. HTML-এ একটি রেঞ্জ ইনপুটে একাধিক step অ্যাট্রিবিউট ব্যবহার

  4. HTML DOM Input Range type প্রোপার্টি