我是靠谱客的博主 含糊柜子,最近开发中收集的这篇文章主要介绍javascript搜索框点击文字消失失焦时文本出现,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

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

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<body>
<input id="text" type="text" value="点我就消失"/>
<script>
var oText=document.getElementById("text");
var onoff=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>

最后

以上就是含糊柜子为你收集整理的javascript搜索框点击文字消失失焦时文本出现的全部内容,希望文章能够帮你解决javascript搜索框点击文字消失失焦时文本出现所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(146)

评论列表共有 0 条评论

立即
投稿
返回
顶部