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

परिचय

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

सिंटैक्स

मान प्राप्त करना

object.name

मान सेट करना

object.name = "text"

उदाहरण

हिडन इनपुट फील्ड के name एट्रिब्यूट को प्राप्त करना:

<!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 हिडन name प्रॉपर्टी उदाहरण</h1>
अपना नाम दर्ज करें: <input type="hidden" class="input-field" name="Hi_I'm_hidden_input_field">
<button onclick="getName()" class="btn">हिडन इनपुट फील्ड का name प्राप्त करें</button>
<div class="show"></div>
<script>
  function getName() {
    var inputField = document.querySelector(".input-field");
    var msgDiv = document.querySelector(".show");
    msgDiv.innerHTML = inputField.name;
  }
</script>
</body>
</html>

आउटपुट

"हिडन इनपुट फील्ड का name प्राप्त करें" बटन पर क्लिक करने पर name एट्रिब्यूट का मान "Hi_I'm_hidden_input_field" प्रदर्शित होगा।