Il segnaposto non scompare dopo lo stato attivo in Chrome

Question

Ho creato un input in base al seguente codice.

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

Come previsto, quando inizio a digitare, il testo segnaposto scompare. Funziona come previsto nel browser di Burning Cat ma non nel browser Shiny Metal. Cosa lo causa (stili, tag del server, altre cose ...)? Cosa si può fare al riguardo?

Answer 1

Firefox e chrome (e safari) si comportano in modo diverso sui segnaposto HTML5. Se si desidera cromo scomparire i segnaposto sulla messa a fuoco, è possibile utilizzare seguente script:

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

È possibile utilizzare questo plugin jQuery segnaposto: placeholderFix. Con questo plug-in, il tag placeholder funzionerà allo stesso modo in tutti i browser, anche nei browser che non lo supportano.

Answer 3

mi sono imbattuto lo stesso problema di oggi e mi si avvicinò con un puro-CSS soluzione mod:

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