数码资讯
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);;
}
});
});
当然,有很多方法可以实现,这就是我所使用的。
1,在一个简单的方法,就是添加这些属性的输入文本框,如下:
复制代码代码如下所示:
<输入ID =关键词name=关键词=10class=inputstyle关键词价值=请输入关键词搜索
事件=(这个值= =请输入关键词搜索){这个值= ;};
事件=(这个价值= =){这个值=请输入搜索关键字;}>;
事实上,这些性能都很好,也可以通过这些属性改变CSS样式,如下:
复制代码代码如下所示:
<输入ID =关键词name=关键词=10class=inputstyle关键词价值=请输入关键词搜索
事件=(这个值= =请输入关键词搜索){这个值=;};这个方法=input01'
事件=(这个价值= =){这个值=请输入搜索关键字;};这个方法=>input02
2。也可以使用jQuery实现:
复制代码代码如下所示:
$(文档)Ready(函数(){)
vdefault = $(# var关键字)瓦迩();
$(#关键字)。焦点(函数(){)
焦点,如果值为默认值,则将其设置为null。
如果(美元。Val)(这)(= = vdefault){
$(这)。瓦迩();
}
});
$(#关键词)。Blur(function(){)
如果焦点为NULL,则丢失焦点被设置为默认值。
如果($)(这个)(= { )
$(这)瓦迩(vdefault);;
}
});
});
当然,有很多方法可以实现,这就是我所使用的。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。