Make older browsers act as do modern browsers in regards to placeholder in inputs

jquery.placeholder.js

$(function(){
  if ("placeholder" in document.createElement( "input" )){ return }

  $('input[placeholder]').each(function(){
    $(this).val($(this).attr('placeholder')).css('color', '#999')
  }).focus(function(){
    var placeholder = $(this).attr('placeholder')
    $(this).val( placeholder == $(this).val() || $(this).val() == '' ? '' : $(this).val() ).css('color', '#333')
  }).blur(function(){
    var placeholder = $(this).attr('placeholder')
    if ($(this).val() == '') {
      $(this).val(placeholder).css('color', '#999')
    }
  });
})(jQuery);

Same thing in vanilla javascript!

(function () {
    var inputs = document.getElementsByTagName('input');
    var text, e;

    for (var i = 0; i < inputs.length; i ++) {
        e = inputs[i];
        if (text = e.value = e.getAttribute('placeholder')) {
            e.style.color = '#999';

            e.onfocus = function () {
                if (e.value === text) {
                    e.value = '';
                    e.style.color = '#333';
                }
            };
            e.onblur = function () {
                if (! e.value.trim()) {
                    e.value = text;
                    e.style.color = '#999';
                }
            };
        }
    }
})();