HTML DOM Input Search placeholder प्रॉपर्टी

HTML DOM Input Search placeholder प्रॉपर्टी का उपयोग इनपुट सर्च फील्ड के placeholder एट्रिब्यूट मान को सेट या वापस करने के लिए किया जाता है। placeholder प्रॉपर्टी का उपयोग वेब पेज यूजर्स को इनपुट एलिमेंट के बारे में एक संकेत देने के लिए किया जाता है, यूजर द्वारा कुछ भी इनपुट करने से पहले इनपुट फील्ड के अंदर एक टेक्स्ट दिखाकर। प्लेसहोल्डर टेक्स्ट डिफ़ॉल्ट रूप से ग्रे होता है और value प्रॉपर्टी के विपरीत फॉर्म में सबमिट नहीं होता।

सिंटैक्स

Placeholder प्रॉपर्टी सेट करने का सिंटैक्स:

searchObject.placeholder = text

यहां, text सर्च फील्ड के बारे में यूजर के लिए संकेत निर्दिष्ट करने वाला प्लेसहोल्डर टेक्स्ट दर्शाता है।

उदाहरण

Input search placeholder प्रॉपर्टी का एक उदाहरण देखते हैं:

<!DOCTYPE html> <html> <body> 
<h1>earch placeholder property</h1> 
<form> 
  FRUITS: <input type="search" id="SEARCH1" name="fruits"> 
</form> 
<p>नीचे दिए गए बटन पर क्लिक करके ऊपर वाले फील्ड का प्लेसहोल्डर टेक्स्ट बदलें</p> 
<button onclick="changeHolder()">CHANGE</button> 
<script> 
  function changeHolder() { 
    document.getElementById("SEARCH1").placeholder = "Search for the fruits here.."; 
  } 
</script> 
</body> </html>

आउटपुट

यह निम्नलिखित आउटपुट उत्पन्न करेगा:

HTML DOM Input Search placeholder प्रॉपर्टी

CHANGE बटन पर क्लिक करने पर:

HTML DOM Input Search placeholder प्रॉपर्टी