Auto-hide placeholder text upon focus css and jquery. https://stackoverflow.com/questions/9707021/how-do-i-auto-hide-placeholder-text-upon-focus-using-css-or-jquery

example.css

input:focus::-webkit-input-placeholder, 
input:focus:-moz-placeholder, /* FF 4-18 */
input:focus::-moz-placeholder, /* FF 19+ */
input:focus:-ms-input-placeholder, /* IE 10+ */
textarea:focus::-webkit-input-placeholder, 
textarea:focus:-moz-placeholder, 
textarea:focus::-moz-placeholder, 
textarea:focus:-ms-input-placeholder {
    color: transparent;
}

example.js

;(function($) {
    $('input, textarea').focus(function () {
        $(this).data('placeholder', $(this).attr('placeholder')).attr('placeholder', '');
    }).blur(function () {
        $(this).attr('placeholder', $(this).data('placeholder'));
    });
})(jQuery);