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