Javascript和jQuery实现并删除文本框的默认值效果代码。

Javascript和jQuery实现并删除文本框的默认值效果代码。
这里的效果是设置和删除文本框的默认值,因为下面的鼠标放在文本框中,灰色单词正在消失。
1,在一个简单的方法,就是添加这些属性的输入文本框,如下:

复制代码代码如下所示:

<输入ID =关键词name=关键词=10class=inputstyle关键词价值=请输入关键词搜索

事件=(这个值= =请输入关键词搜索){这个值= ;};

事件=(这个价值= =){这个值=请输入搜索关键字;}>;
事实上,这些性能都很好,也可以通过这些属性改变CSS样式,如下:

复制代码代码如下所示:

<输入ID =关键词name=关键词=10class=inputstyle关键词价值=请输入关键词搜索

事件=(这个值= =请输入关键词搜索){这个值=;};这个方法=input01'

事件=(这个价值= =){这个值=请输入搜索关键字;};这个方法=>input02
2。也可以使用jQuery实现:

复制代码代码如下所示:

$(文档)Ready(函数(){)

vdefault = $(# var关键字)瓦迩();

$(#关键字)。焦点(函数(){)

焦点,如果值为默认值,则将其设置为null。

如果(美元。Val)(这)(= = vdefault){

$(这)。瓦迩();

}

});

$(#关键词)。Blur(function(){)

如果焦点为NULL,则丢失焦点被设置为默认值。

如果($)(这个)(= { )

$(这)瓦迩(vdefault);;

}

});

});
当然,有很多方法可以实现,这就是我所使用的。

tag:删除默认值文本框效果代码

相关内容