input输入框提示

方法一：jq
$(function(){
    jQuery.focusblur = function(focusid) {
		var focusblurid = $(focusid);
		var defval = focusblurid.val();
        focusblurid.focus(function(){
			var thisval = $(this).val();
			if(thisval==defval){
                $(this).val("");
				$(this).css({'color':'#000'});
            }
        });
        focusblurid.blur(function(){
		  var thisval = $(this).val();
			if(thisval==""){
                $(this).val(defval);
				$(this).css({'color':'#999'});
            }
        });
       
    };
    $.focusblur("#username");
    $.focusblur("#qq");
    $.focusblur("#telephone");

    $.focusblur("#content");

    $.focusblur("#code");
	
})


方法二：js

<input type="text" value="请输入用户名" onfocus="if(value=='请输入用户名') {value=''}" onblur="if (value=='') {value='请输入用户名'}">

直接在input中定义onfocus和onblur事件，缺点：鼠标一离开就显示提示文字,输入框中用户的输入也会消失。(不建议采用)