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

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


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

सिंटैक्स

निम्नलिखित वाक्य रचना है -

  • वापसी मिनट

object.min
  • 2. न्यूनतम संशोधित करना

object.min = “number”

उदाहरण

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

<!DOCTYPE html>
<html>
<head>
<style>
   html{
      height:100%;
   }
   body{
      text-align:center;
      color:#fff;
      background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) center/cover no-repeat;
      height:100%;
   }
   p{
      font-weight:700;
      font-size:1.1rem;
   }
   input{
      display:block;
      width:35%;
      border:2px solid #fff;
      background-color:transparent;
      color:#fff;
      font-weight:bold;
      padding:8px;
      margin:1rem auto;
   }
   .btn{
      background:#0197F6;
      border:none;
      height:2rem;
      border-radius:2px;
      width:35%;
      margin:2rem auto;
      display:block;
      color:#fff;
      outline:none;
      cursor:pointer;
   }
   .show{
      font-size:1.5rem;
      font-weight:bold;
   }
</style>
</head>
<body>
<h1>DOM Input number max/min property Demo</h1>
<p>Enter your roll number (between 1 and 60)</p>
<input type="number" class="numberInput" min="1" max="60">
<button type="button" onclick="showMySelection()" class="btn">Show Roll Number</button>
<div class="show"></div>
<script>
   function showMySelection() {
      var numberInput = document.querySelector(".numberInput");
      var showMsg = document.querySelector(".show");
      console.log(numberInput.min,numberInput.max);
      if(numberInput.value === ''){
         showMsg.innerHTML="Please enter value!!";
      }else{
         if((numberInput.value <= 1) && (numberInput.value <= 60)){
            showMsg.innerHTML = numberInput.value;
         }else{
            showMsg.innerHTML = "Please enter correct roll number!!";
         }
      }
   }
</script>
</body>
</html>

आउटपुट

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

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

1 और 60 के बीच कोई भी रोल नंबर दर्ज करें और फिर “रोल नंबर दिखाएं . पर क्लिक करें रोल नंबर प्रदर्शित करने के लिए ” बटन।

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

कोई भी रोल नंबर सीमा से बाहर दर्ज करें और फिर चेतावनी संदेश प्रदर्शित करने के लिए "शो रोल नंबर" बटन पर क्लिक करें।

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


  1. HTML DOM इनपुट नंबर टाइप प्रॉपर्टी

    HTML DOM इनपुट नंबर टाइप प्रॉपर्टी उस इनपुट एलिमेंट से जुड़ी है जिसका टाइप =नंबर है। यह हमेशा इनपुट नंबर एलिमेंट के लिए नंबर लौटाएगा। सिंटैक्स संख्या प्रकार की संपत्ति के लिए वाक्य रचना निम्नलिखित है - numberObject.type उदाहरण आइए HTML DOM इनपुट नंबर टाइप प्रॉपर्टी के लिए एक उदाहरण देखें - इनपुट न

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

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

  1. HTML DOM नोड टाइप प्रॉपर्टी

    HTML DOM नोड टाइप गुण नोड के प्रकार के अनुरूप एक संख्या देता है। निम्नलिखित वाक्य रचना है - वापसी संख्या मान Node.nodeType यहां, वापसी मूल्य निम्नलिखित हो सकता है - तत्व नोड्स के लिए संख्या 1 संख्या 2 विशेषता नोड्स के लिए टेक्स्ट नोड्स के लिए संख्या 3 टिप्पणी नोड्स के लिए संख्या 8 नोट:व्हाइटस्