HTML

<p><label for="sample04">名前:</label><input id="sample04" type="text" value="技評太郎" /></p>

CSS

input{
	background-color: #ffffff;
	border: 1px solid #7B9EBD;
}

input.focus{
	background-color: #eeeeff;
	border: 2px solid #003399;
}

Script

$(function(){
    $('input').focus(function(){
        if($(this).val() == this.defaultValue) { $(this).val(""); }
        $(this).addClass('focus');
    }).blur(function(){
        if($(this).val() == "") { $(this).val(this.defaultValue); }
        $(this).removeClass('focus');
    });
});

Demo