एचटीएमएल डोम इनपुट पासवर्ड फॉर्म संपत्ति

<घंटा/>

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

सिंटैक्स

इनपुट पासवर्ड फॉर्म प्रॉपर्टी के लिए सिंटैक्स निम्नलिखित है।

passwordObject.form

उदाहरण

आइए इनपुट पासवर्ड फॉर्म प्रॉपर्टी के लिए एक उदाहरण देखें -

<!DOCTYPE html>
<html>
<body>
<h1>Input Password form Property</h1>
<form id="NEW_FORM">
Password: <input type="password" id="PASS">
</form>
<p>Get the form id by clicking on the below button</p>
<button type="button" onclick="formId()">GET FORM</button>
<p id="Sample"></p>
<script>
   function formId() {
      var P=document.getElementById("PASS").form.id;
      document.getElementById("Sample").innerHTML = "The id of the form containing the password field is: "+P ;
   }
</script>
</body>
</html>

आउटपुट

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

एचटीएमएल डोम इनपुट पासवर्ड फॉर्म संपत्ति

फॉर्म प्राप्त करें बटन पर क्लिक करने पर -

एचटीएमएल डोम इनपुट पासवर्ड फॉर्म संपत्ति

उपरोक्त उदाहरण में -

हमने पहले "पास" आईडी के साथ एक इनपुट पासवर्ड फ़ील्ड बनाया है और यह "NEW_FORM" आईडी वाले

तत्व के भीतर समाहित है -

<form id=”NEW_FORM”>
Password: <input type="password" id="PASS">
</form>

फिर हमने एक बटन GET FORM बनाया है जो उपयोगकर्ता द्वारा क्लिक किए जाने पर formId () विधि को निष्पादित करेगा -

<button type="button" onclick="formId()">GET FORM</button>

फॉर्म आईडी () विधि टाइप पासवर्ड के साथ इनपुट फ़ील्ड प्राप्त करने के लिए getElementById () विधि का उपयोग करती है और फॉर्म ऑब्जेक्ट की आईडी प्रॉपर्टी प्राप्त करती है जिसमें पासवर्ड फ़ील्ड होता है। इसके बाद यह इस मान को वेरिएबल P को असाइन करता है और अपनी आंतरिक HTML संपत्ति का उपयोग करके "नमूना" आईडी के साथ पैराग्राफ में प्रदर्शित करता है -

function formId() {
   var P=document.getElementById("PASS").form.id;
   document.getElementById("Sample").innerHTML = "The id of the form containing the password field is: "+P ;
}