HTML DOM इनपुट टेक्स्ट प्लेसहोल्डर प्रॉपर्टी का उपयोग इनपुट टेक्स्ट फ़ील्ड के प्लेसहोल्डर एट्रिब्यूट वैल्यू को सेट करने या वापस करने के लिए किया जाता है। प्लेसहोल्डर संपत्ति का उपयोग वेब पेज उपयोगकर्ताओं को इनपुट तत्व के बारे में संकेत देने के लिए किया जाता है, इससे पहले कि उपयोगकर्ता कुछ भी इनपुट करता है, इनपुट फ़ील्ड के अंदर एक टेक्स्ट दिखा रहा है। प्लेसहोल्डर टेक्स्ट डिफ़ॉल्ट रूप से ग्रे होता है और वैल्यू प्रॉपर्टी के विपरीत फॉर्म में सबमिट नहीं किया जाता है।
सिंटैक्स
−
. के लिए वाक्य रचना निम्नलिखित हैप्लेसहोल्डर प्रॉपर्टी सेट करना -
textObject.placeholder = text
यहां, टेक्स्ट प्लेसहोल्डर टेक्स्ट का प्रतिनिधित्व करता है जो टेक्स्ट फ़ील्ड के बारे में उपयोगकर्ता के लिए संकेत निर्दिष्ट करता है।
उदाहरण
आइए इनपुट टेक्स्ट प्लेसहोल्डर प्रॉपर्टी के लिए एक उदाहरण देखें -
<!DOCTYPE html>
<html>
<body>
<h1>Input Text placeholder property</h1>
USERNAME: <input type="text" id="USR" 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("USR").placeholder = "Enter your username here..";
}
</script>
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट देगा -
प्लेसहोल्डर सफलतापूर्वक बदल गया -
