HTML DOM इनपुट पासवर्ड प्लेसहोल्डर प्रॉपर्टी का उपयोग इनपुट पासवर्ड फ़ील्ड के प्लेसहोल्डर एट्रिब्यूट वैल्यू को सेट करने या वापस करने के लिए किया जाता है। प्लेसहोल्डर प्रॉपर्टी का उपयोग वेब पेज उपयोगकर्ताओं को इनपुट तत्व के बारे में संकेत देने के लिए इनपुट फ़ील्ड के अंदर एक टेक्स्ट दिखाकर किया जाता है ताकि उपयोगकर्ता कुछ भी इनपुट कर सके। प्लेसहोल्डर टेक्स्ट डिफ़ॉल्ट रूप से ग्रे होता है और वैल्यू प्रॉपर्टी के विपरीत फॉर्म में सबमिट नहीं किया जाता है।
सिंटैक्स
−
. के लिए वाक्य रचना निम्नलिखित हैप्लेसहोल्डर प्रॉपर्टी सेट करना -
passwordObject.placeholder = text
यहां, टेक्स्ट प्लेसहोल्डर टेक्स्ट का प्रतिनिधित्व करता है जो पासवर्ड फ़ील्ड के बारे में उपयोगकर्ता के लिए संकेत निर्दिष्ट करता है।
उदाहरण
आइए इनपुट पासवर्ड प्लेसहोल्डर प्रॉपर्टी के लिए एक उदाहरण देखें -
<!DOCTYPE html>
<html>
<body>
<h1>password placeholder property</h1>
Password: <input type="password" id="PASS1" placeholder="....">
<p>Change the placeholder text of the above field by clicking the below button</p>
<button onclick="changeHolder()">CHANGE</button>
<script>
function changeHolder() {
document.getElementById("PASS1").placeholder = "Enter your password here..";
}
</script>
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट देगा -
चेंज बटन पर क्लिक करने पर -
उपरोक्त उदाहरण में -
हमने पहले "PASS1" आईडी के साथ एक इनपुट पासवर्ड फ़ील्ड बनाया है और प्लेसहोल्डर विशेषता मान "..." पर सेट है।
Password: <input type="password" id="PASS1" placeholder="....">
फिर हमने एक बटन चेंज बनाया जो उपयोगकर्ता द्वारा क्लिक किए जाने पर चेंजहोल्डर () विधि को निष्पादित करेगा -
<button onclick="changeHolder()">CHANGE</button>
चेंजहोल्डर () टाइप पासवर्ड के साथ इनपुट तत्व प्राप्त करने के लिए getElementById () विधि का उपयोग करता है। इसके बाद यह अपना प्लेसहोल्डर प्रॉपर्टी मान "यहां अपना पासवर्ड दर्ज करें .." पर सेट करता है जो पासवर्ड फ़ील्ड में दिखाई देता है -
function changeHolder() {
document.getElementById("PASS1").placeholder = "Enter your password here..";
}