这里实现的目标是:设置和移除文本框的默认值,鼠标放上去,文字消失
HTML代码如下:
JS实现方式如下:
<input type="text" class="search" value="请输入关键字进行搜索" id="menu_search"
onfocus='if(this.value=="请输入关键字进行搜索"){this.value="";};'
onblur='if(this.value==""){this.value="请输入关键字进行搜索";};' />
JQ实现方式:
$(function(){
var vdefault = $('#keyword').val();
$('#keyword').focus(function() {
//获得焦点时,如果值为默认值,则设置为空
if ($(this).val() == "请输入搜索关键词") {
$(this).val("");
}
});
$('#keyword').blur(function() {
//失去焦点时,如果值为空,则设置为默认值
if ($(this).val()== "") {
$(this).val("请输入搜索关键词"); ;
}
});
})
推荐第一种:兼容性比较好!