HTML DOM ইনপুট রেঞ্জ ম্যাক্স প্রোপার্টি ব্যাবহার করা হয় রেঞ্জ স্লাইডার কন্ট্রোলের জন্য সর্বোচ্চ অ্যাট্রিবিউট মান সেট বা ফেরানোর জন্য। এই অ্যাট্রিবিউটটি স্লাইডার কন্ট্রোলের সর্বোচ্চ মান নির্দেশ করার জন্য ব্যবহার করা হয় এবং প্রায়শই ন্যূনতম সম্পত্তির সাথে ব্যবহার করা হয় যাতে স্লাইডারটি সরাতে পারে এমন মানগুলির একটি পরিসীমা তৈরি করতে৷
সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলরেঞ্জ সর্বোচ্চ সম্পত্তি সেট করা হচ্ছে −
rangeObject.max = number
এখানে, সংখ্যা সর্বাধিক স্লাইডার নিয়ন্ত্রণ মান উপস্থাপন করে।
উদাহরণ
আসুন ইনপুট পরিসীমা সর্বাধিক সম্পত্তি -
-এর জন্য একটি উদাহরণ দেখি<!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” এবং সর্বোচ্চ অ্যাট্রিবিউট মান 75 −
সেট করা আছে।<form> VOLUME <input type="range" id="RANGE1" name="VOL" max="75"> <form>
তারপরে আমরা একটি GET MAX বোতাম তৈরি করেছি যা ব্যবহারকারী দ্বারা ক্লিক করলে maxVal() পদ্ধতিটি কার্যকর করবে -
<button type="button" onclick="maxVal()">GET MAX</button>
maxVal() পদ্ধতিটি getElementById() পদ্ধতি ব্যবহার করে টাইপ পরিসর এবং এর সর্বোচ্চ বৈশিষ্ট্য মান সহ ইনপুট ক্ষেত্র পেতে। প্রত্যাবর্তিত মান যা স্লাইডারের সর্বাধিক মানকে নির্দেশ করে তারপর ভেরিয়েবল R-কে বরাদ্দ করা হয়। এই মানটি তারপর তার অভ্যন্তরীণ HTML বৈশিষ্ট্য ব্যবহার করে "নমুনা" আইডি সহ অনুচ্ছেদে প্রদর্শিত হয় -
function maxVal() {
var R= document.getElementById("RANGE1").max;
document.getElementById("Sample").innerHTML = "The maximum value for this range slider is "+R;
} 