如何使用jQuery清理占位符值

Question

看一下：

<input type="text" name="name" id="name" placeholder="Fill this" value="">

如何在关注文本框时清除placeholder值？

我的意思是，在用户开始编写任何内容之前我想使用jQuery来清理placeholder文本 - ＆gt; fill this

提前致谢

Answer 1

您可以使用attr()更改占位符属性，并在focus上将其设置为空，然后再返回blur

$('#name').on('focus blur', function(e) {
    var placeholder = e.type == 'focus' ? '' : 'Fill this';
    $(this).attr('placeholder', placeholder);
});

FIDDLE

Answer 2

$('#name').attr("placeholder", "");

Answer 3

通常，浏览器默认情况下会这样做。这就是占位符属性的设计目标。

但是如果你想用jQuery更改这个属性，我会尝试使用通常用于更改每个现有属性的代码：

$('#name').attr('placeholder', '');