js 控制文本框的提示语

显示提示在文本框中，当文本框获得焦点时，提示文字消失

input输入框在html5有 placeholder 属性可以设置

在非html5 可以通过一下设置

页面

 

<label for="js-site-url">网址：</label><input class="url" id="js-site-url" name="js-site-url" autocomplete="off">

 

调用 inputTextHide($('#js-site-url'), $('#js-site-url-text'));
//输入框显示隐藏提示
function inputTextHide(input, label){
	label.show();
    input.bind("blur",function(){
    	if(input.val() == ''){
    		label.show();
    	}
    }).bind("focus",function(){
        label.hide();
    });
    
    label.bind("click",function(){
        label.hide();
        input.focus();
    });
}

 

 

 

评论

1 楼 yuxiaolongwin 2013-07-24  

可以用 支付宝的 arale 的placeholder解决这个问题 http://aralejs.org/