HTML DOM Input Range type प्रॉपर्टी

HTML DOM Input Range type प्रॉपर्टी टाइप="range" वाले इनपुट एलिमेंट से जुड़ी होती है। यह इनपुट रेंज एलिमेंट के लिए हमेशा "range" लौटाएगी।

सिंटैक्स

Range type प्रॉपर्टी के लिए सिंटैक्स:

rangeObject.type

उदाहरण

Range type प्रॉपर्टी का एक उदाहरण:

<!DOCTYPE html> <html> <body> <h1>Input range type प्रॉपर्टी</h1> <form> VOLUME <input type="range" id="RANGE1" name="VOL"> </form> <p>नीचे दिए गए बटन पर क्लिक करके ऊपर के इनपुट एलिमेंट का टाइप प्राप्त करें</p> <button type="button" onclick="rangeType()">टाइप प्राप्त करें</button> <p id="Sample"></p> <script>    function rangeType() {       var P=document.getElementById("RANGE1").type;       document.getElementById("Sample").innerHTML = "इनपुट फील्ड का टाइप है: "+P ;    } </script> </body> </html>

आउटपुट

उपरोक्त कोड से निम्न आउटपुट प्राप्त होगा:

HTML DOM Input Range type प्रॉपर्टी

"टाइप प्राप्त करें" मेथड पर क्लिक करने पर:

HTML DOM Input Range type प्रॉपर्टी

उपरोक्त उदाहरण में:

हमने type="range", id="RANGE1", name="VOL" के साथ एक फॉर्म के अंदर एक इनपुट फील्ड बनाया:

<form> VOLUME <input type="range" id="RANGE1" name="VOL"> <form>

फिर हमने एक बटन "GET Type" बनाया जो यूज़र द्वारा क्लिक किए जाने पर rangeType() मेथड को एक्जीक्यूट करेगा:

<button type="button" onclick="rangeType()">Get Type</button>

rangeType() मेथड getElementById() मेथड का उपयोग करके इनपुट एलिमेंट को प्राप्त करता है और इसके type एट्रिब्यूट मान को वेरिएबल P को असाइन करता है। यह वेरिएबल फिर id "Sample" वाले पैराग्राफ में इसके innerHTML प्रॉपर्टी का उपयोग करके प्रदर्शित किया जाता है:

function rangeType() {    var P = document.getElementById("RANGE1").type;    document.getElementById("Sample").innerHTML = "इनपुट फील्ड का टाइप है: "+P; }