使用JS与jQuery设置输入框默认文字-优快云博客

本文链接：https://blog.youkuaiyun.com/shenge321/article/details/9457757

本文介绍了如何利用JavaScript和jQuery为输入框设置默认文本。重点讲述了jQuery的链式编程方法，虽然代码较长，但实现过程相对简单。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

没什么难的。用js和jQuery分别实现了一下。

οnlοad=function(){
	var search=document.getElementById("search");// 获取对象
	// 文档刚刚载入时的默认样式
	search.value="Bing";
	search.style.color="gray";
	search.οnblur=function(){// 失去焦点时
		if(this.value){// 输入框有值，应为黑色字体。
			this.style.color="";
		}else{// 无值时，为文档载入时样式
			this.value="Bing";
			this.style.color="gray";
		}
	};
	search.οnfοcus=function(){// 获得焦点时，清空输入框，恢复字体颜色
		this.value="";
		this.style.color="";
	};
};

jQuery做的。链式编程一写就很长。

$(function(){
	$("#search")// id选择器
	// 默认时
	.val("Bing").css("color","gray")
	// 获得焦点时
	.focus(function(){$(this).val("").css("color","")})// 将DOM对象转为jQuery对象。不转也可以，主要是为了实现编程统一。
	// 离开时
	.blur(function(){
		if($(this).val()){
			$(this).css("color","");
		}else{
			$(this).val("Bing").css("color","gray");
		}
	})
});

html