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

HTML DOM इनपुट नंबर प्लेसहोल्डर प्रॉपर्टी

<घंटा/>

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

सिंटैक्स

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

  • रिटर्निंग प्लेसहोल्डर

object.placeholder
  • प्लेसहोल्डर को संशोधित करना

object.placeholder = “text”

उदाहरण

आइए हम 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;
   }
</style>
</head>
<body>
<h1>placeholder property Demo</h1>
<p>Hi, Enter your age:</p>
<input type="number" class="numberInput" placeholder="Enter your age">
<button type="button" onclick="change()" class='btn'>Change Placeholder</button>
<script>
   function change() {
      var numberInput = document.querySelector(".numberInput");
      numberInput.placeholder = "Please enter your age";
   }
</script>
</body>
</html>

आउटपुट

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

HTML DOM इनपुट नंबर प्लेसहोल्डर प्रॉपर्टी

प्लेसहोल्डर बदलें . पर क्लिक करें "प्लेसहोल्डर के मान को बदलने के लिए बटन।

HTML DOM इनपुट नंबर प्लेसहोल्डर प्रॉपर्टी


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

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

  1. एचटीएमएल डोम टेक्स्टारिया प्लेसहोल्डर संपत्ति

    HTML DOM Textarea प्लेसहोल्डर प्रॉपर्टी एक HTML दस्तावेज़ में टेक्स्ट एरिया एलिमेंट के प्लेसहोल्डर एट्रिब्यूट के मान को लौटाती है और संशोधित करती है। सिंटैक्स निम्नलिखित वाक्य रचना है - 1. रिटर्निंग प्लेसहोल्डर object.placeholder 2. प्लेसहोल्डर जोड़ना object.placeholder = “text” आइ

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

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