Hilfstext beim Klicken auf Textfeld mit jquery anzeigen

Question

Ich möchte den Hilfstext beim Klicken auf die Textfelder anzeigen. zB: Wenn ich ein Textfeld klicken sollte es uns helfen, indem sie sagen, was zu geben: Geben Sie Benutzernamen hier

I unten angegebenen Code versucht haben, aber der Text „Enter username“ schwindet aus, ich will die Text, der angezeigt werden soll, bis der Fokus auf ein anderes Textfeld geändert wird.

Bitte schlagen Sie einen Code für diesen Typ vor.

<input type = "text"/><span>Enter username</span> 
<input type = "text"/><span>Enter password</span>  


$(document).ready(function(){ 
    $("input").focus(function() { 
     $(this).next("span").css('display','inline').fadeOut(1000); 
    }); 
}); 

Answer 1

etwas wie das folgende sollte es tun

$(function(){ 
    $("input") 
     .focus(function() { 
      $(this).next("span").fadeIn(1000); 
     }) 
     .blur(function() { 
      $(this).next("span").fadeOut(1000); 
     }); 
}); 

Hier ist ein Working Demo

Answer 2

Ich bin nicht sicher, warum Sie die CSS-Eigenschaft display auch sind die Manipulation als fadeIn mit/fadeOut:

$(document).ready(function(){ 
    $("input").focus(function() { 
     $(this).next("span").fadeIn(1000); 
    }).blur(function() { 
     $(this).next("span").fadeOut(1000); 
    }); 
});