实现网页文本框显示灰色提示文字且点击后消失的一个小函数（基于jquery）

function blurInput(objName, strTip)
{
	$(objName).attr('tip', strTip).val(strTip).css({color: '#CCCCCC'});
	$(objName).focus(
		function()
		{
			$(this).css({color: '#000000'}).val("");
		}
	)
	.blur(
		function()
		{
			if ($(this).val() == "")
			{
				$(this).val($(this).attr('tip')).css({color: '#CCCCCC'});
			}
		}
	);
}

在$(document).ready中调用该函数即可让文本框显示提示文字，并在点击后消失。

如：

$(document).ready
{
	function()
	{
		blurInput('#username', '用户名');
		blurInput('#email', '邮箱地址');
	}
}