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