HTML DOM इनपुट हिडन type प्रॉपर्टी

परिचय

HTML DOM इनपुट हिडन type प्रॉपर्टी इनपुट फील्ड के type एट्रिब्यूट का मान लौटाती है। हिडन इनपुट के लिए यह हमेशा "hidden" लौटाता है।

सिंटैक्स

object.type

उदाहरण

हिडन इनपुट फील्ड के type प्रॉपर्टी को प्राप्त करना:

<!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;
  }
  .show { color: #fff; font-size: 1.2rem; font-weight: 600; }
</style>
</head>
<body>
<h1>DOM हिडन type प्रॉपर्टी डेमो</h1>
अपना नाम दर्ज करें: <input type="hidden" class="input-field">
<button onclick="getType()" class="btn">ऊपर के इनपुट का type प्राप्त करें</button>
<div class="show"></div>
<script>
  function getType() {
    var inputField = document.querySelector(".input-field");
    var msgDiv = document.querySelector(".show");
    msgDiv.innerHTML = "type = " + inputField.type;
  }
</script>
</body>
</html>

आउटपुट

"ऊपर के इनपुट का type प्राप्त करें" बटन पर क्लिक करने पर "type = hidden" प्रदर्शित होगा।