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