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

HTML DOM इनपुट नंबर डिफ़ॉल्टवैल्यू प्रॉपर्टी


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

सिंटैक्स

निम्नलिखित सिंटैक्स माइनस है;

  • डिफ़ॉल्ट मान लौटा रहा है

object.defaultValue
  • डिफ़ॉल्ट मान को संशोधित करना

object.defaultValue=”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.2rem;
   }
   input{
      width:35%;
      border:2px solid #fff;
      background-color:transparent;
      color:#fff;
      font-weight:bold;
      padding:8px;
   }
   .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 defaultValue Example</h1>
<p>Hi, Enter your day of birth</p>
<input type="number" class="numberInput">
<button onclick="changeValue()" class="btn">Submit</button>
<div class="show"></div>
<script>
   function changeValue() {
      var numberInput = document.querySelector(".numberInput");
      var showMsg = document.querySelector(".show");
      numberInput.defaultValue = "20";
      numberInput.value= numberInput.defaultValue;
      showMsg.innerHTML ="Tada! I changed your day of birth into mine!";
   }
</script>
</body>
</html>

आउटपुट

यह निम्नलिखित परिणाम देगा -

HTML DOM इनपुट नंबर डिफ़ॉल्टवैल्यू प्रॉपर्टी

अपना जन्म दिन दर्ज करें और फिर “सबमिट करें . पर क्लिक करें अपने मान को डिफ़ॉल्ट मान में बदलने के लिए बटन।

HTML DOM इनपुट नंबर डिफ़ॉल्टवैल्यू प्रॉपर्टी


HTML DOM इनपुट नंबर डिफ़ॉल्टवैल्यू प्रॉपर्टी


  1. HTML DOM इनपुट पासवर्ड डिफ़ॉल्टवैल्यू प्रॉपर्टी

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

  1. HTML DOM इनपुट सर्च डिफॉल्ट वैल्यू प्रॉपर्टी

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

  1. HTML DOM इनपुट टेक्स्ट डिफ़ॉल्टवैल्यू प्रॉपर्टी

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