Wie Platzhalter entfernen focus

Question

Ich habe diese einfache Funktion Platzhalter in Browser hinzufügen, dass es nicht unterstützen:

DEMO

Die Frage ist: Wie kann ich auf diese Funktion hinzufügen, die Möglichkeit, die entfernen Platzhalter, wenn der Benutzer hineinklickt?

Answer 1

Try removeAttr() wie zu verwenden,

$('input,textarea').focus(function(){ 
    $(this).removeAttr('placeholder'); 
}); 

Demo

Um die placeholder value wieder auf blur() versuchen dies, zu erhalten

$('input,textarea').focus(function(){ 
    $(this).data('placeholder',$(this).attr('placeholder')) 
      .attr('placeholder',''); 
}).blur(function(){ 
    $(this).attr('placeholder',$(this).data('placeholder')); 
}); 

Demo 1

Answer 2

$('*').focus(function(){ 
    $(this).attr("placeholder",''); 
    }); 

Answer 3

Versuchen Diese Hoffnung es

$('input,textarea').focus(function() 
{ 
$(this).attr('placeholder',''); 

}); 

Answer 4

$('input').focus(function() 
{ 
    $(this).attr('placeholder',''); 

}); 

Answer 5

Für Browser hilft, dass Sie diese nicht Platzhalter unterstützen können verwendet werden: https://github.com/mathiasbynens/jquery-placeholder. Fügen Sie das Platzhalterattribut normal wie für HTML5 hinzu, und rufen Sie dann dieses Plugin auf: $('[placeholder]').placeholder();. Dann benutze Rohan Kumars Code und wird Cross-Browser sein.

Answer 6

CSS für mich gearbeitet:

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

Answer 7

Es besteht keine Notwendigkeit JavaScript-Funktion zu verwenden, um dies zu erreichen, eine einfachere Lösung ist:

<input type="text" placeholder="enter your text" onfocus="this.placeholder=''" onblur="this.placeholder='enter your text'" /> 

Answer 8

$("input[placeholder]").each(function() { 
    $(this).attr("data-placeholder", this.placeholder); 

    $(this).bind("focus", function() { 
     this.placeholder = ''; 
    }); 
    $(this).bind("blur", function() { 
     this.placeholder = $(this).attr("data-placeholder"); 
    }); 
}); 

Answer 9

Eine sehr einfache und umfassende Lösung für Dies funktioniert in Mozila, IE, Chrome, Opera und Safari:

<input type="text" placeholder="your placeholder" onfocus="this.placeholder=''" onblur="this.placeholder='your placeholder'" /> 

Answer 10

Dies ist meine Lösung auf Klick nicht auf Fokus:

$(document).on('click','input',function(){ 
    var $this = $(this); 
    var place_val = $this.attr('placeholder'); 
    if(place_val != ''){ 
     $this.data('placeholder',place_val).removeAttr('placeholder'); 
    } 
}).on('blur','input',function(){ 
    var $this = $(this); 
    var place_val = $this.data('placeholder'); 
    if(place_val != ''){ 
     $this.attr('placeholder',place_val); 
    } 
});