jquery kutuphanesini sayfanıza dahil ederseniz boyle işlemler daha da kolaylaşır. ornek kod vereyim.

<input id="username" value="User Name">

bu input olsun


bu da js kodumuz:

$(document).ready(function (){

 $('#username').blur(function(){
      if($(this).val()=='User Name'  || $(this).val()==""){
            $(this).val('User Name').css({'color':'#000'});      
    }
 }).focus(function(){
 if($(this).val()=='User Name' ){
   $(this).val('User Name').css({'color':'#ddd'});       } 
   
}).keyup(function(){
if($(this).val()=='User Name' ){
   $(this).val('').css({'color':'#000'});       

}

 });

});