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