提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

javascript搜索框点击文字消失失焦时文本出现

JavaScript搜索 出现 文本 文字 点击 消失
2023-06-13 09:15:46 时间

当获焦时,文本消失,失焦时文本出现

<!doctypehtml>
<html>
<head>
<metacharset="utf-8">
<title>无标题文档</title>
</head>

<body>
<inputid="text"type="text"value="点我就消失"/>
<script>
varoText=document.getElementById("text");
varonoff=true;
oText.color="#000";
oText.onfocus=function(){
if(onoff){
this.value="";
this.color="red";
onoff=false;
}
}

oText.onblur=function(){
if(this.value==""){
this.color="#000";
this.value="点我就消失";
onoff=true;
}
}
</script>
</body>
</html>

相关文章