淘先锋技术网

首页 1 2 3 4 5 6 7

在很多网站中,我们经常会看到输入框中默认提示文字,这一般是通过添加placeholder属性实现的。但是,当用户在输入框中开始输入时,这些默认提示文字并不会自动清空,这会给用户带来一些麻烦。这时,我们可以使用jQuery来实现input自动清空的效果。

$(document).ready(function(){
$('input[type="text"], input[type="password"], textarea').focus(function(){
if($(this).val() == $(this).attr('placeholder')){
$(this).val('');
}
});
$('input[type="text"], input[type="password"], textarea').blur(function(){
if($(this).val() == ''){
$(this).val($(this).attr('placeholder'));
}
});
});

这段代码的作用是,在输入框获取到焦点时,判断输入框当前的值是否等于placeholder属性的值。如果是,就把输入框清空。当输入框失去焦点时,判断输入框的值是否为空,如果是,就把placeholder属性的值填充进去。

使用这段代码可以让用户更方便地进行输入操作,同时也可以提高网站的用户体验。