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

HTML DOM इनपुट नंबर स्टेप प्रॉपर्टी


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

सिंटैक्स

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

  • वापसी चरण

object.step
  • संशोधित चरण

object.step = “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;
      color:#db133a;
      font-weight:bold;
   }
</style>
</head>
<body>
<h1>DOM Input number step property Demo</h1>
<p>Hi, Enter any number & then try to increment/decrement its value</p>
<input type="number" class="numberInput">
<button type="button" onclick="setStep()" class="btn">Set step to 5</button>
<button type="button" onclick="getStep()" class="btn">Click me to show step value</button>
<div class="show"></div>
<script>
   function setStep(){
      var numberInput = document.querySelector(".numberInput");
      numberInput.step="5";
   }
   function getStep() {
      var numberInput = document.querySelector(".numberInput");
      var showMsg = document.querySelector(".show");
      showMsg.innerHTML = numberInput.step;
   }
</script>
</body>
</html>

आउटपुट

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

HTML DOM इनपुट नंबर स्टेप प्रॉपर्टी

संख्या इनपुट में मान दर्ज करें और फिर "चरण को 5 पर सेट करें . पर क्लिक करें चरण =5 सेट करने के लिए बटन।

HTML DOM इनपुट नंबर स्टेप प्रॉपर्टी

अब ऊपर . का उपयोग करके इसके मान को बढ़ाने/घटाने का प्रयास करें &नीचे कुंजियाँ।

HTML DOM इनपुट नंबर स्टेप प्रॉपर्टी

अब वर्तमान चरण मान देखने के लिए "स्टेप वैल्यू दिखाने के लिए मुझे क्लिक करें" पर क्लिक करें।

HTML DOM इनपुट नंबर स्टेप प्रॉपर्टी


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

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

  1. HTML DOM इनपुट रेंज स्टेप प्रॉपर्टी

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

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

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