PHP文本框提示文字,input 框背景提示文字

方法一：直接写标签上；

代码如下：

方法二：就是 js 控制；

代码如下：

$(document).ready(function(){

$("#focus .input_txt").each(function(){

var thisVal=$(this).val();

//判断文本框的值是否为空，有值的情况就隐藏提示语，没有值就显示

if(thisVal!=""){

$(this).siblings("span").hide();

}else{

$(this).siblings("span").show();

}

//聚焦型输入框验证

$(this).focus(function(){

$(this).siblings("span").hide();

}).blur(function(){

var val=$(this).val();

if(val!=""){

$(this).siblings("span").hide();

}else{

$(this).siblings("span").show();

}

});

})

$("#keydown .input_txt").each(function(){

var thisVal=$(this).val();

//判断文本框的值是否为空，有值的情况就隐藏提示语，没有值就显示

if(thisVal!=""){

$(this).siblings("span").hide();

}else{

$(this).siblings("span").show();

}

$(this).keyup(function(){

var val=$(this).val();

$(this).siblings("span").hide();

}).blur(function(){

var val=$(this).val();

if(val!=""){

$(this).siblings("span").hide();

}else{

$(this).siblings("span").show();

}

})

})

})

方法三：

H5之后有更好的方法