Posted By

phil7085 on 06/26/10

Tagged

jquery
load

Versions (?)

Last Edited at 06/26/10 11:18pm

Statistics

Viewed 1258 times

Favorited by 1 user(s)

Related snippets

Set or clear input values on load, focus & blur with jQuery

/ Published in: JavaScript

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

$("body input").each(function(){
  if ($(this).val() == '') {
    $(this).val($(this).attr('title'));
    $(this).css('color','#ddd');
  } else if ($(this).val() == $(this).attr('title')) {
    $(this).css('color','#ddd');
  } else {
    $(this).css('color','#000');
  }
});
 
  // Set the value to the title attribute if blank or clear the value on focus if set to the title attribute
 
$("input").focus(function() {
  if ($(this).val() == $(this).attr('title')) {
    $(this).val('');
    $(this).css("color","#000");
  }
}).blur(function() {
  if ($(this).val() == '') {
    $(this).val($(this).attr('title'));
    $(this).css("color","#ddd");
  } else if ($(this).val() == $(this).attr('title')) {
    $(this).css("color","#ddd");
  }
 
});