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

HTML DOM इनपुट हिडन वैल्यू प्रॉपर्टी

<घंटा/>

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

सिंटैक्स

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

1. रिटर्निंग वैल्यू

object.value

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

object.value=”text”

उदाहरण

आइए हम HTML DOM इनपुट हिडन वैल्यू प्रॉपर्टी का एक उदाहरण देखें -

<!DOCTYPE html>
<html>
<head>
<style>
   body{
      text-align:center;
      background-color:#F19A3E;
      color:#fff;
   }
   .btn{
      background-color:#3C787E;
      border:none;
      height:2rem;
      border-radius:50px;
      width:60%;
      margin:1rem auto;
      display:block;
      color:#fff;
      outline:none;
      cursor:pointer;
   }
   .show{
      color:#fff;
      font-size:1.2rem;
      font-weight:600;
   }
</style>
</head>
<body>
<h1>DOM Hidden value Property Example</h1>
Here is hidden input field:
<input type="hidden" class="input-field" value="Hi! I was previous value of hidden input">
<button onclick="getType()" class="btn">Click to change value</button>
<div class="show"></div>
<script>
   function getType() {
      var inputField = document.querySelector(".input-field");
      var msgDiv = document.querySelector(".show");
      msgDiv.innerHTML = "" + inputField.value + "";
      inputField.value = "Hello! I'm new value of hidden input"
      msgDiv.innerHTML +="" + inputField.value + "";
   }
</script>
</body>
</html>

आउटपुट

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

HTML DOM इनपुट हिडन वैल्यू प्रॉपर्टी

कंसोल -

HTML DOM इनपुट हिडन वैल्यू प्रॉपर्टी

मान बदलने के लिए क्लिक करें . पर क्लिक करें छिपे हुए इनपुट फ़ील्ड के मान को बदलने के लिए "बटन। आसानी से समझने के लिए कंसोल स्क्रीनशॉट देखें -

HTML DOM इनपुट हिडन वैल्यू प्रॉपर्टी

कंसोल -

HTML DOM इनपुट हिडन वैल्यू प्रॉपर्टी


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

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

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

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

  1. HTML DOM इनपुट रेंज वैल्यू प्रॉपर्टी

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