input 默认设置值设置，单击后自动变为空

最新推荐文章于 2025-06-06 13:19:14 发布

原创最新推荐文章于 2025-06-06 13:19:14 发布 · 6.4k 阅读

0 ·

CC 4.0 BY-SA版权

html 专栏收录该内容

3 篇文章

订阅专栏

本文详细介绍了如何使用HTML和JavaScript实现输入框的聚焦、失焦和键盘事件处理，包括清除默认提示文本、改变文本颜色等操作。

<input type="text" value="请输入课程名称、课程介绍关键字" style="color: #aaa" id="search_word_input" />
<script>
var s=document.getElementById("search_word_input");
s.onfocus=function(){
	if(this.value==this.defaultValue)
		this.value=''
	};
s.onblur=function (){
	if(/^\s*$/.test(this.value)){
		this.value=this.defaultValue;
		this.style.color='#aaa'
		}
	}
s.onkeydown=function(){ 
	this.style.color='#333'
}
</script>