Скрыть значение заполнителя с JQuery

Question

У меня есть много шаблонов с некоторым текстовым входом, как это:

<input type="text" autocomplete="off" value="" placeholder="Keywords" name="keywords" id="keywords"> 

клиент попросил меня, чтобы скрыть значение заполнителя (ключевые слова в данном примере), когда пользователь нажимает на поле , Я не знаю, как это сделать с JS и JQuery. Есть ли способ сделать это с помощью решения crossbrowser?

Answer 1

Попробуйте это: {проверить его, если кросс-браузер}

http://jsfiddle.net/MDhtj/1

$('input[placeholder]').on('focus', function() { 
    var $this = $(this); 
    $this.data('placeholder', $this.prop('placeholder')).removeAttr('placeholder') 
}).on('blur', function() { 
    var $this = $(this); 
    $this.prop('placeholder', $this.data('placeholder')); 
});