如何使用jQuery清理占位符值

Question

看这个:

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

聚焦文本框时，如何清除placeholder值?

我的意思是，在用户开始写任何东西之前，我想用jQuery清理placeholder文本-> fill this

Thanks in advance

Answer 1

您可以在attr()中更改占位符属性，并在focus中将其设置为无，然后在blur中重新设置

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

小提琴

Answer 2

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

Answer 3

浏览器默认设置。这就是占位符属性设计的目的。

但是如果你想用jQuery改变这个属性，我会尝试下面的代码通常用于改变每个现有的属性:

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