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> आउटपुट
यह निम्नलिखित आउटपुट देगा -
DISABLE बटन पर क्लिक करने पर, आप स्लाइडर को अभी नहीं ले जा सकते -
उपरोक्त उदाहरण में -
हमने टाइप ="रेंज", आईडी ="रेंज 1", नाम ="वीओएल" -
वाले फॉर्म के अंदर एक इनपुट फ़ील्ड बनाया है।<form> <input type="range" id="RANGE1" name="VOL"> </form>
फिर हमने एक बटन DISABLE बनाया है जो उपयोगकर्ता द्वारा क्लिक किए जाने पर 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" ;
}