控制input输入框中提示信息的显示和隐藏的方法_javascript技巧

一、要求

input输入框，在光标显示时，隐藏提示信息；光标离开输入框时，显示提示信息。

二、方法

1、给该input取id名，Onfocus=”方法名1(this)”，onblur=”方法名2(this)”

2、声明变量value，通过id名获得该input

3、function 方法名1(inputObj){
代码如下:
if(inputObj.value==”……”){

inputObj.value=””;

}

}

4、function 方法名2(inputObj){
代码如下:
if(inputObj.value==””){

inputObj.value=”……”;

}

}

5、注意：如果同一个页面中有多个input标签需要同样的设置，则方法名不能一致。

三、实例
代码如下:







var value=document.getElementById('shuru');
function qingkong(inputObj){
if(inputObj.value=="请输入您的姓名"){
inputObj.value="";
}
}
function likai(inputObj){
if(inputObj.value==''){
inputObj.value="请输入您的姓名";
}
}