这里想要的效果是设置和删除文本框的默认值，如下图，当鼠标放在文本框中时，灰色的单词消失。

1.您可以通过简单的方式将onfocus属性添加到输入文本框中，如下所示：复制代码如下： input id=' keyword ' name=' keyword ' size=' 10 ' class=' input style keywords ' value='请输入关键字进行搜索' onfocus='if(this.value=='请输入。};on bulr=' if(this。value=='') {this。value='请输入要搜索的关键字'；};'

实际上，onfocus属性非常容易使用，您也可以通过onfocus属性更改css样式，如下所示：

复制的代码如下： Input ID=' keyword ' name=' keyword ' size=' 10 ' class=' Input style keywords ' value='请输入关键字进行搜索' onfocus='if(this.value=='请输入关键字进行搜索'){ this.value=};这个。class name=' input 01 ' ' on bulr=' if(this。value=='') {this。value='请输入要搜索的关键字'；};this.className='input02 ' '

2.也可以通过jquery实现：复制代码如下： $(文档)。ready(function(){ var vdefault=$(' # keyword ')。val()；

When $ ('# keyword ')。focus(function(){//获取焦点，如果值为默认值，则设置为空if ($ (this))。val ()==vdefault) {$ (this)。val(“”)；} });When $ ('# keyword ')。blur(function(){//失去焦点，如果值为空，则设置为默认值if ($ (this))。val ()=='') {$ (this)。val(vdefault)；} });});

当然实现的方法有很多，但这里我只用过。