বিবরণ
HTML DOM Input Range max প্রোপার্টি ব্যবহার করা হয় রেঞ্জ স্লাইডার কন্ট্রোলের max অ্যাট্রিবিউটের মান সেট বা রিটার্ন করার জন্য। এই অ্যাট্রিবিউট স্লাইডার কন্ট্রোলের সর্বোচ্চ মান নির্দেশ করতে ব্যবহৃত হয় এবং প্রায়শই min প্রোপার্টির সাথে মিলে একটি রেঞ্জ তৈরি করতে ব্যবহৃত হয় যেন স্লাইডার সেই দুটি মানের মধ্যে সরাতে পারে।
সিনট্যাক্স
Range max প্রোপার্টি সেট করার সিনট্যাক্স:
rangeObject.max = number
এখানে, number হলো স্লাইডার কন্ট্রোলের সর্বোচ্চ মান।
উদাহরণ
Input range max প্রোপার্টির জন্য একটি উদাহরণ:
<!DOCTYPE html> <html> <body> <h1>Range max property</h1> <form> VOLUME <input type="range" id="RANGE1" name="VOL" max="75"> </form> <p>Get the maximum value for the above slider by clicking the below button.</p> <button type="button" onclick="maxVal()">GET MAX</button> <p id="Sample"> </p> <script> function maxVal() { var R= document.getElementById("RANGE1").max; document.getElementById("Sample").innerHTML = "The maximum value for this range slider is "+R; } </script> </body> </html>
আউটপুট
এটি নিচের আউটপুট তৈরি করবে:
GET MAX বাটনে ক্লিক করার পর:
উদাহরণের ব্যাখ্যা
- আমরা একটি ইনপুট ফিল্ড তৈরি করেছি একটি ফর্মের ভেতরে যার type="range", id="RANGE1", name="VOL" এবং max অ্যাট্রিবিউটের মান 75 সেট করা আছে।
- তারপর একটি GET MAX বাটন তৈরি করা হয়েছে যা ক্লিক করলে maxVal() মেথড এক্সিকিউট হবে।
- maxVal() মেথড getElementById() ব্যবহার করে type="range" ইনপুট ফিল্ড পায় এবং এর max অ্যাট্রিবিউটের মান। রিটার্ন করা মান যা স্লাইডারের সর্বোচ্চ মান নির্দেশ করে R ভেরিয়েবলে অ্যাসাইন করা হয়। এই মানটি "Sample" id वाले প্যারাগ্রাফে innerHTML প্রোপার্টি ব্যবহার করে প্রদর্শন করা হয়।
