日期:2014-05-16  浏览次数:20369 次

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();
    });
}

?

?

?