PHP中文网-QQ群-扫二维码

QQ群

PHP中文网-关注微信公众号-扫二维码

微信公众号

当前位置:php中文网下载站 >js特效 >CSS3特效 >CSS+input输入框删除文字效果js代码

CSS+input输入框删除文字效果js代码

2018-01-30 来源/作者:php中文网 分类:CSS3特效 «» 下载次数:3
CSS+input输入框删除文字效果js代码
一款简单的input输入框删除文字效果js代码,仿百度点击删除搜索框输入文字代码。

js代码
<script type="text/javascript">
document.getElementById("search").addEventListener("keyup",function(){
if(this.value.length>0)
{
document.getElementById("cls").style.visibility="visible";
document.getElementById("cls").onclick=function()
{
document.getElementById("search").value="";
}
}else
{
document.getElementById("cls").style.visibility="hidden";
}
});
</script>


申明:PHP中文网下载站匠心打造中国最大的免费下载站!一切资源免费,所有资源都经过检测,请放心下载!

效果预览本地下载  新手使用求助QQ群: