javascript搜索框点击文字消失失焦时文本出现
作者:bea
当获焦时,文本消失,失焦时文本出现 <!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head><body><input id="text" type="text" value="点我就消失"/><script>var oText=document.getElem
当获焦时,文本消失,失焦时文本出现
<!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>
猜你喜欢
您可能感兴趣的文章:
- 谷歌浏览器不支持showModalDialog模态对话框的解决方法
- 一个JavaScript去除字符串末尾的空白实例代码
- javascript实现动态模态绑定grid过程代码
- Javascript中call与apply的学习笔记
- Javascript中this的用法详解
- JavaScript的作用域和块级作用域概念理解
- JavaScript中双叹号!!作用示例介绍
- 原生JavaScript实现合并多个数组示例
- 仿淘宝TAB切换搜索框搜索切换的相关内容
- 将数字转换成大写的人民币表达式的js函数
- 判断window.onload是否多次使用的方法
- 使用JavaScript进行进制转换将字符串转换为十进制
- JS实现清除指定cookies的方法
- JS合并数组的几种方法及优劣比较
- JS实现的用来对比两个用指定分隔符分割的字符串是否相同
- js用Date对象的setDate()函数对日期进行加减操作
- JS应用正则表达式转换大小写示例
- 使用不同的方法结合/合并两个JS数组
- js实现按Ctrl+Enter发送效果