HTML DOM Input Password name प्रॉपर्टी

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

सिंटैक्स

name प्रॉपर्टी सेट करने के लिए सिंटैक्स:

passwordObject.name = name

यहां, name पासवर्ड फील्ड का नाम निर्दिष्ट करने के लिए है।

उदाहरण

आइए password name प्रॉपर्टी का एक उदाहरण देखते हैं:

<!DOCTYPE html> <html> <body> 
<h1>Input Password name प्रॉपर्टी</h1> 
Password: <input type="password" id="PASS" name="passW"> 
<p>नीचे दिए गए बटन पर क्लिक करके पासवर्ड फील्ड का नाम बदलें</p> 
<button onclick="changeName()">CHANGE NAME</button> 
<p id="Sample"></p> 
<script> 
  function changeName() { 
    document.getElementById("PASS").name = "NEW_PASS"; 
    document.getElementById("Sample").innerHTML = "पासवर्ड फील्ड का नाम अब NEW_PASS है"; 
  } 
</script> </body> </html>

आउटपुट

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

HTML DOM Input Password name प्रॉपर्टी

CHANGE NAME बटन पर क्लिक करने पर:

HTML DOM Input Password name प्रॉपर्टी

उदाहरण की व्याख्या

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

हमने पहले id "PASS" के साथ एक इनपुट पासवर्ड फील्ड बनाई और इसका name attribute मान "passW" पर सेट है:

Password: <input type="password" id="PASS" name="passW">

फिर हमने एक बटन CHANGE NAME बनाया जो यूज़र द्वारा क्लिक किए जाने पर changeName() को एक्ज़िक्यूट करता है:

<button type="button" onclick="changeName()">CHANGE NAME</button>

changeName() मेथड getElementById() मेथड का उपयोग करके टाइप password वाले इनपुट फील्ड को प्राप्त करता है और इसकी name प्रॉपर्टी को "NEW_PASS" पर सेट करता है। फिर हम id "Sample" वाले पैराग्राफ में इसकी innerHTML प्रॉपर्टी का उपयोग करके एक संदेश प्रदर्शित करके इस परिवर्तन को दिखाते हैं:

function changeName() { 
  document.getElementById("PASS").name = "NEW_PASS"; 
  document.getElementById("Sample").innerHTML = "पासवर्ड फील्ड का नाम अब NEW_PASS है"; 
}