Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

एचटीएमएल डोम इनपुट रेंज न्यूनतम संपत्ति

<घंटा/>

HTML DOM इनपुट रेंज मिन प्रॉपर्टी का उपयोग रेंज स्लाइडर नियंत्रण के लिए न्यूनतम विशेषता मान को सेट करने या वापस करने के लिए किया जाता है। इस विशेषता का उपयोग स्लाइडर नियंत्रण के न्यूनतम मूल्य को इंगित करने के लिए किया जाता है और अक्सर मूल्यों की एक श्रृंखला बनाने के लिए न्यूनतम संपत्ति के साथ प्रयोग किया जाता है जिसके बीच स्लाइडर स्थानांतरित हो सकता है।

सिंटैक्स

. के लिए वाक्य रचना निम्नलिखित है

रेंज मिन प्रॉपर्टी सेट करना -

rangeObject.min = number

यहां, संख्या न्यूनतम स्लाइडर नियंत्रण मान का प्रतिनिधित्व करती है।

उदाहरण

आइए इनपुट रेंज मिन प्रॉपर्टी के लिए एक उदाहरण देखें -

<!DOCTYPE html>
<html>
<body>
<h1>Range min property</h1>
<form>
VOLUME <input type="range" id="RANGE1" name="VOL" min="15">
</form>
<p>Get the minimum value for the above slider by clicking the below button.</p>
<button type="button" onclick="minVal()">GET MIN</button>
<p id="Sample"> </p>
<script>
   function minVal() {
      var R=document.getElementById("RANGE1").min;
      document.getElementById("Sample").innerHTML = "The minimum value for this range slider is "+R;
   }
</script>
</body>
</html>

आउटपुट

यह निम्नलिखित आउटपुट देगा -

एचटीएमएल डोम इनपुट रेंज न्यूनतम संपत्ति

GET MIN बटन पर क्लिक करने पर -

एचटीएमएल डोम इनपुट रेंज न्यूनतम संपत्ति

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

हमने एक फॉर्म के अंदर एक इनपुट फ़ील्ड बनाया है जिसमें टाइप ="रेंज", आईडी ="रेंज 1", नाम ="वीओएल" और न्यूनतम विशेषता मान 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() विधि का उपयोग करती है और इसकी न्यूनतम विशेषता मान प्राप्त करती है। लौटाया गया मान, जो स्लाइडर के न्यूनतम मान को दर्शाता है, तब वेरिएबल R को असाइन किया जाता है। यह मान तब पैराग्राफ में "नमूना" आईडी के साथ अपनी आंतरिक HTML संपत्ति का उपयोग करके प्रदर्शित किया जाता है -

function minVal() {
   var R= document.getElementById("RANGE1").min;
   document.getElementById("Sample").innerHTML = "The minimum value for this range slider is "+R;
}
है
  1. HTML DOM इनपुट रेंज स्टेप प्रॉपर्टी

    HTML DOM इनपुट रेंज स्टेप प्रॉपर्टी का इस्तेमाल स्लाइडर कंट्रोल स्टेप एट्रीब्यूट वैल्यू को सेट करने या वापस करने के लिए किया जाता है। यह निर्दिष्ट करता है कि स्लाइडर प्रत्येक आंदोलन पर कितना आगे बढ़ेगा। स्टेप प्रॉपर्टी के साथ अधिकतम और न्यूनतम विशेषता का उपयोग करके, हम कानूनी मूल्यों की एक श्रृंखला

  1. एचटीएमएल डोम इनपुट रेंज नाम संपत्ति

    HTML DOM इनपुट रेंज नेम प्रॉपर्टी का इस्तेमाल इनपुट रेंज फील्ड के नाम एट्रिब्यूट को सेट करने या वापस करने के लिए किया जाता है। नाम विशेषता सर्वर पर सबमिट किए जाने के बाद प्रपत्र डेटा की पहचान करने में मदद करती है। जावास्क्रिप्ट बाद में हेरफेर करने के लिए प्रपत्र तत्वों को संदर्भित करने के लिए नाम वि

  1. एचटीएमएल डोम इनपुट रेंज न्यूनतम संपत्ति

    HTML DOM इनपुट रेंज मिन प्रॉपर्टी का उपयोग रेंज स्लाइडर नियंत्रण के लिए न्यूनतम विशेषता मान को सेट करने या वापस करने के लिए किया जाता है। इस विशेषता का उपयोग स्लाइडर नियंत्रण के न्यूनतम मूल्य को इंगित करने के लिए किया जाता है और अक्सर मूल्यों की एक श्रृंखला बनाने के लिए न्यूनतम संपत्ति के साथ प्रयोग