HTML DOM ইনপুট পরিসীমা নিষ্ক্রিয় বৈশিষ্ট্যটি সেটিং বা প্রত্যাবর্তনের জন্য ব্যবহৃত হয় যদি রেঞ্জ স্লাইডার নিষ্ক্রিয় করা উচিত বা না করা উচিত। এটি বুলিয়ান মান ব্যবহার করে সত্য প্রতিনিধিত্ব করে রেঞ্জ স্লাইডার অক্ষম করা উচিত এবং অন্যথায় মিথ্যা। অক্ষম সম্পত্তি ডিফল্টরূপে মিথ্যা সেট করা হয়. যাইহোক, নিষ্ক্রিয় উপাদানটি ডিফল্টরূপে ধূসর হয়ে থাকে এবং ক্লিক করা যায় না।
সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলঅক্ষম সম্পত্তি সেট করা হচ্ছে -
rangeObject.disabled = true|false;
এখানে, সত্য=পরিসীমা স্লাইডার নিষ্ক্রিয় এবং মিথ্যা=পরিসীমা স্লাইডার নিষ্ক্রিয় করা হয় না। এটি ডিফল্টরূপে মিথ্যা৷
উদাহরণ
আসুন ইনপুট পরিসীমা নিষ্ক্রিয় সম্পত্তি -
-এর একটি উদাহরণ দেখি<!DOCTYPE html>
<html>
<body>
<h1>Input range disabled Property</h1>
<form>
<input type="range" id="RANGE1" name="VOL">
</form>
<p>Disable the above range slider by clicking on the DISABLE button</p>
<button type="button" onclick="disableRange()">DISABLE</button>
<p id="Sample"></p>
<script>
function disableRange() {
document.getElementById("RANGE1").disabled=true;
document.getElementById("Sample").innerHTML = "The range slider is now disabled" ;
}
</script>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
অক্ষম বোতামে ক্লিক করলে, আপনি এখন স্লাইডারটি সরাতে পারবেন না -
উপরের উদাহরণে -
আমরা একটি ফর্মের ভিতরে একটি ইনপুট ক্ষেত্র তৈরি করেছি যার মধ্যে type=“range” , id=“RANGE1” ,name=“VOL” −
<form> <input type="range" id="RANGE1" name="VOL"> </form>
তারপরে আমরা একটি অক্ষম বোতাম তৈরি করেছি যা ব্যবহারকারী দ্বারা ক্লিক করলে disableRange() পদ্ধতিটি কার্যকর করবে -
<button type=”button” onclick="disableRange()">DISABLE</button>
disableRange() মেথড getElementById() মেথড ব্যবহার করে টাইপ রেঞ্জ সহ ইনপুট এলিমেন্ট পায় এবং এর অক্ষম করা প্রপার্টি সত্যে সেট করে। এটি রেঞ্জ স্লাইডারটিকে অচল করে তোলে এবং ব্যবহারকারী আর এটির সাথে ইন্টারঅ্যাক্ট করতে পারে না। স্লাইডারটি এখন ঠিক করা হয়েছে -
function disableRange() {
document.getElementById("RANGE1").disabled=true;
document.getElementById("Sample").innerHTML = "The range slider is now disabled" ;
} 