label inside the entry using jquery

advertisements

my "label" is inside the input, so i want to empty the field when the user click and if its empty the "label" is back again

     $('#name').focus(function() {
        if ($(this).val()=="Your name") { $(this).val(""); }
    }).blur(function() {
        if ($(this).val()=="") { $(this).val("Your name") }
    });

and this would be done to 3 or more fields, there's any better aprouch? without using plugins, just jquery


If you want to make it work with the other fields easily you could remove the check and place the Your name value on the title attribute of the field.

$('.waterMarkInput').focus(function() {
  if ($(this).val()==$(this).attr("title")) { $(this).val(""); }
}).blur(function() {
  if ($(this).val()=="") { $(this).val($(this).attr("title")); }
});

And then your input fields could look like this:

<input type="text" value="" class="waterMarkInput" title="Your name"/>