Text'e Yazı Ekleme

by mehmet ozkan

HTML

<input type="text" value="" id="input1" />

CSS

.text-label{
    color:#EBEBEB;
    font-weight:bold;
    }

JavaScript

var yazivalue="JAVA MAKALE";
var className="#input1";

$(className).addClass('text-label');
$(className).focus(function() {  
    if($(className).val()==yazivalue){
       $(className).val("");
       $(className).removeClass('text-label');
    }
});  
$(className).blur(function() {
    if($(className).val()==""){
        $(className).val(yazivalue);   
        $(this).addClass('text-label');     
    }
});
if($(className).val()==""){
    $(className).val(yazivalue);
    }