jQuery input placeholders. A basic way of handling input placeholder text.

placeholders.html

<form>
  <input type="text" id="name" name="name" data-placeholder="Full name*" value="" />
  <input type="text" id="email" name="email" data-placeholder="Email Address*" value="" />
  
  <input type="submit" name="submit" value="Submit" />
</form>

placeholders.js

/**
 * Handle the input placeholder text similarly to how HTML5 placeholder attributes work.
 */
$(document).on({
    focus: function(){
        $(this).css('color', 'grey');
    },
    keydown:function(){
        if($(this).val() === $(this).data('placeholder')){
            $(this).val('');
        }

        $(this).css('color', '#fff');
    },
    blur: function(){
        if($(this).val() === ""){
            $(this).val($(this).data('placeholder'));
        }
    }
}, 'input[type=text]');

Added a non-jQuery version https://gist.github.com/jackbrown/d11aba1f6ac8a3e979e3