प्लेसहोल्डर क्रोम

Question

पर फ़ोकस पर गायब नहीं होता है मैंने नीचे दिए गए कोड के अनुसार एक इनपुट बनाया है।

<div> 
    <form id="me" runat="server"> 
    <input id="stuff" type="text" placeholder="Type here" runat="server" /> 
    </form> 
</div> 

जैसा कि मैंने टाइप करना शुरू किया, उम्मीद है कि प्लेसहोल्डर टेक्स्ट गायब हो जाता है। यह बर्निंग कैट ब्राउज़र में माना जाता है लेकिन चमकदार धातु ब्राउज़र में नहीं। इसका क्या कारण है (शैलियों, सर्वर टैग, अन्य सामान ...)? इस विषय में क्या किया जा सकता है?

Answer 1

फ़ायरफ़ॉक्स और क्रोम (और सफारी) एचटीएमएल 5 प्लेसहोल्डर पर अलग-अलग कार्य करते हैं। आप ध्यान केंद्रित करने पर प्लेसहोल्डर गायब क्रोम चाहते हैं, आप स्क्रिप्ट निम्न का उपयोग कर सकते हैं: placeholderFix:

$('input:text, textarea').each(function(){ 
    var $this = $(this); 
    $this.data('placeholder', $this.attr('placeholder')) 
     .focus(function(){$this.removeAttr('placeholder');}) 
     .blur(function(){$this.attr('placeholder', $this.data('placeholder'));}); 
}); 

Answer 2

आप इस प्लेसहोल्डर jQuery प्लगइन का उपयोग कर सकते हैं। इस प्लगइन के साथ, प्लेसहोल्डर टैग सभी ब्राउज़रों में उसी तरह काम करेगा, ब्राउज़र में भी जो इसका समर्थन नहीं करते हैं।

Answer 3

मैं आज एक ही समस्या भर में आया था और मैं एक शुद्ध सीएसएस समाधान हैक के साथ आया था:

input:focus::-webkit-input-placeholder { 
    color: transparent; 
}