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