HTML DOM इनपुट रेंज मैक्स प्रॉपर्टी का इस्तेमाल रेंज स्लाइडर कंट्रोल के लिए मैक्स एट्रीब्यूट वैल्यू को सेट करने या वापस करने के लिए किया जाता है। इस विशेषता का उपयोग स्लाइडर नियंत्रण के अधिकतम मूल्य को इंगित करने के लिए किया जाता है और अक्सर मूल्यों की एक श्रृंखला बनाने के लिए न्यूनतम संपत्ति के साथ प्रयोग किया जाता है जिसके बीच स्लाइडर स्थानांतरित हो सकता है।
सिंटैक्स
−
. के लिए वाक्य रचना निम्नलिखित हैरेंज मैक्स प्रॉपर्टी सेट करना -
rangeObject.max = number
यहां, संख्या अधिकतम स्लाइडर नियंत्रण मान का प्रतिनिधित्व करती है।
उदाहरण
आइए इनपुट रेंज मैक्स प्रॉपर्टी के लिए एक उदाहरण देखें -
<!DOCTYPE html>
<html>
<body>
<h1>Range max property</h1>
<form>
VOLUME <input type="range" id="RANGE1" name="VOL" max="75">
</form>
<p>Get the maximum value for the above slider by clicking the below button.</p>
<button type="button" onclick="maxVal()">GET MAX</button>
<p id="Sample"> </p>
<script>
function maxVal() {
var R= document.getElementById("RANGE1").max;
document.getElementById("Sample").innerHTML = "The maximum value for this range slider is "+R;
}
</script>
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट देगा -
GET MAX बटन पर क्लिक करने पर -
उपरोक्त उदाहरण में -
हमने एक फॉर्म के अंदर एक इनपुट फ़ील्ड बनाया है जिसमें टाइप ="रेंज", आईडी ="रेंज 1", नाम ="वीओएल" और अधिकतम विशेषता मान 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() विधि का उपयोग करती है। लौटाया गया मान जो स्लाइडर के अधिकतम मूल्य को दर्शाता है, फिर वेरिएबल R को असाइन किया जाता है। यह मान तब पैराग्राफ में "नमूना" आईडी के साथ अपनी आंतरिक HTML संपत्ति का उपयोग करके प्रदर्शित किया जाता है -
function maxVal() {
var R= document.getElementById("RANGE1").max;
document.getElementById("Sample").innerHTML = "The maximum value for this range slider is "+R;
} है