HTML DOM Input Range max प्रॉपर्टी का उपयोग रेंज स्लाइडर कंट्रोल के max एट्रिब्यूट मान को सेट या प्राप्त करने के लिए किया जाता है। यह एट्रिब्यूट स्लाइडर कंट्रोल के अधिकतम मान को इंगित करने के लिए उपयोग किया जाता है और अक्सर min प्रॉपर्टी के साथ मानों की एक रेंज बनाने के लिए उपयोग किया जाता है जिसके बीच स्लाइडर मूव कर सकता है।
सिंटैक्स
Range max प्रॉपर्टी सेट करने के लिए सिंटैक्स:
rangeObject.max = number
यहां, number अधिकतम स्लाइडर कंट्रोल मान को दर्शाता है।
उदाहरण
Input range max प्रॉपर्टी का एक उदाहरण:
<!DOCTYPE html> <html> <body> <h1>Range max प्रॉपर्टी</h1> <form> VOLUME <input type="range" id="RANGE1" name="VOL" max="75"> </form> <p>नीचे दिए गए बटन पर क्लिक करके ऊपर के स्लाइडर का अधिकतम मान प्राप्त करें।</p> <button type="button" onclick="maxVal()">अधिकतम प्राप्त करें</button> <p id="Sample"> </p> <script> function maxVal() { var R= document.getElementById("RANGE1").max; document.getElementById("Sample").innerHTML = "इस रेंज स्लाइडर का अधिकतम मान है "+R; } </script> </body> </html>
आउटपुट
उपरोक्त कोड से निम्न आउटपुट प्राप्त होगा:
"अधिकतम प्राप्त करें" बटन पर क्लिक करने पर:
उपरोक्त उदाहरण में:
हमने type="range", id="RANGE1", name="VOL" और max एट्रिब्यूट मान 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() मेथड का उपयोग करके टाइप range वाले इनपुट फील्ड और इसके max एट्रिब्यूट मान को प्राप्त करता है। लौटाया गया मान जो स्लाइडर के अधिकतम मान को दर्शाता है, फिर वेरिएबल R को असाइन किया जाता है। यह मान फिर id "Sample" वाले पैराग्राफ में इसके innerHTML प्रॉपर्टी का उपयोग करके प्रदर्शित किया जाता है:
function maxVal() { var R= document.getElementById("RANGE1").max; document.getElementById("Sample").innerHTML = "इस रेंज स्लाइडर का अधिकतम मान है "+R; }
