HTML DOM इनपुट रेंज टाइप प्रॉपर्टी उस इनपुट एलिमेंट से जुड़ी है जिसका टाइप ="रेंज" है। यह हमेशा इनपुट रेंज एलिमेंट के लिए रेंज लौटाएगा।
सिंटैक्स
श्रेणी प्रकार की संपत्ति के लिए वाक्य रचना निम्नलिखित है -
rangeObject.type
उदाहरण
आइए श्रेणी प्रकार की संपत्ति के लिए एक उदाहरण देखें -
<!DOCTYPE html>
<html>
<body>
<h1>Input range type Property</h1>
<form>
VOLUME <input type="range" id="RANGE1" name="VOL">
</form>
<p>Get the above input element type by clicking the below button</p>
<button type="button" onclick="rangeType()">GET Type</button>
<p id="Sample"></p>
<script>
function rangeType() {
var P=document.getElementById("RANGE1").type;
document.getElementById("Sample").innerHTML = "The type for the input field is: "+P ;
}
</script>
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट उत्पन्न करेगा -
GET टाइप मेथड पर क्लिक करने पर -
उपरोक्त उदाहरण में -
हमने टाइप ="रेंज", आईडी ="रेंज 1", नाम ="वीओएल" वाले फॉर्म के अंदर एक इनपुट फ़ील्ड बनाया है -
<form> VOLUME <input type="range" id="RANGE1" name="VOL"> <form>
हमने तब एक बटन "GET Type" बनाया है जो उपयोगकर्ता द्वारा क्लिक किए जाने पर रेंज टाइप () विधि को निष्पादित करेगा -
<button type="button" onclick="rangeType()">Get Type</button>
रेंज टाइप () विधि getElementById () विधि का उपयोग करके इनपुट तत्व प्राप्त करती है और इसके प्रकार विशेषता मान को वेरिएबल पी को असाइन करती है। यह चर तब अपनी आंतरिक HTML संपत्ति का उपयोग करके आईडी "नमूना" के साथ पैराग्राफ में प्रदर्शित होता है -
function rangeType() {
var P = document.getElementById(“RANGE1").type;
document.getElementById("Sample").innerHTML = "The type for the input field is : "+P;
}