java设置input隐藏,控制input输入框提示信息显示和隐藏的方法

οnblur="if(this.value ==''){ value='搜索'}">

或者

var sea = document.getElementById('search');

function showValue() {

if (this.value == '' ){

this.value = '搜索';

}

}

function hiddenValue() {

if (this.value == '搜索'){

this.value = '';

}

}

sea.addEventListener('focus',hiddenValue,false);

sea.addEventListener('blur',showValue,false);

一、要求

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

二、方法

1、给该input取id名，Onfocus=”方法名1(this)”，οnblur=”方法名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标签需要同样的设置，则方法名不能一致。

三、实例

html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

无标题文档

var value=document.getElementById('shuru');

function qingkong(inputObj){

if(inputObj.value=="请输入您的姓名"){

inputObj.value="";

}

}

function likai(inputObj){

if(inputObj.value==''){

inputObj.value="请输入您的姓名";

}

}

/*下面这段文字，可以在ie浏览器中改变输入框的背景颜色*/

.search input{star : expression(οnmοuseοver=function(){

this.style.backgroundColor="#FF0000"

},

οnmοuseοut=function(){

this.style.backgroundColor="#FFFFFF"

})

}