एचटीएमएल डोम इनपुट हिडन वस्तु

<घंटा/>

HTML DOM इनपुट हिडन ऑब्जेक्ट एक HTML दस्तावेज़ के <इनपुट> तत्व को टाइप ="हिडन" के साथ दर्शाता है।

इनपुट हिडन ऑब्जेक्ट बनाएं -

सिंटैक्स

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

var hiddenInput = document.createElement(“INPUT”);
hiddenInput.setAttribute(“type”,”hidden”);

गुण

HTML DOM इनपुट हिडन ऑब्जेक्ट के गुण निम्नलिखित हैं -

Property <वें शैली ="पाठ-संरेखण:केंद्र;">स्पष्टीकरण
फॉर्म	यह उस प्रपत्र का उद्धरण देता है जिसमें छुपा इनपुट फ़ील्ड होता है।
नाम	यह हिडन इनपुट फील्ड के नाम एट्रिब्यूट के मान को लौटाता है और बदल देता है।
टाइप करें	यह इनपुट फ़ील्ड के प्रकार विशेषता का मान देता है।
डिफ़ॉल्ट मान	यह इनपुट फ़ील्ड के प्रकार विशेषता का मान देता है।
डिफ़ॉल्ट मान	यह छिपे हुए इनपुट फ़ील्ड के डिफ़ॉल्ट मान को लौटाता है और संशोधित करता है।
मान	यह हिडन इनपुट फील्ड की वैल्यू एट्रिब्यूट के मान को लौटाता है और संशोधित करता है।

उदाहरण

आइए हम 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;
   }
   input{
      border:1px solid #fff;
      background-color:transparent;
      color:#fff;
      padding:8px;
      outline:none;
   }
   input::placeholder{
      color:#fff;
      font-weight:bold;
   }
</style>
</head>
<body>
<h1>DOM Input Hidden Object Example</h1>
<input type="text" placeholder="Enter your name" class="input-field">
<button onclick="showHide()" class="btn">Click to show/hide input field</button>
<script>
   function showHide() {
      var inputField = document.querySelector(".input-field");
      if(inputField.type === 'text'){
         inputField.type='hidden';
      } else {
         inputField.type='text';
      }
   }
</script>
</body>
</html>

आउटपुट

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

एचटीएमएल डोम इनपुट हिडन वस्तु

"इनपुट फ़ील्ड दिखाने/छिपाने के लिए क्लिक करें . पर क्लिक करें इनपुट फ़ील्ड को छिपाने के लिए बटन -

एचटीएमएल डोम इनपुट हिडन वस्तु