El marcador de posición no desaparece al enfocar en Chrome

Question

He creado una entrada de acuerdo con el siguiente código.

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

Como esperaba, cuando empiezo a escribir, el texto del marcador de posición desaparece. Eso funciona como se supone en el navegador Burning Cat pero no en el navegador Shiny Metal. ¿Qué lo causa (estilos, etiqueta de servidor, otras cosas ...)? ¿Qué se puede hacer al respecto?

Answer 1

Firefox y Chrome (y Safari) actúan de forma diferente en marcadores de posición HTML5. Si quieres cromo a desaparecer los marcadores de posición en el foco, puede utilizar secuencia de comandos siguiente:

$('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

Se puede usar esta marcador de posición jQuery plugin: placeholderFix. Con este complemento, la etiqueta del marcador de posición funcionará de la misma manera en todos los navegadores, también en navegadores que no la admiten.

Answer 3

me encontré con el mismo problema hoy y se le ocurrió una solución pura-CSS Hack:

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