简单实用的文本框焦点提示文本控制

最新推荐文章于 2021-02-04 09:12:58 发布

最新推荐文章于 2021-02-04 09:12:58 发布 · 126 阅读

文章标签：

#jQuery #Java #ViewUI

我的专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个基于jQuery 1.3.2版本实现的搜索框自动提示功能。通过简单的JavaScript代码，实现了当用户聚焦于搜索框时清除默认提示文本，以及在失去焦点且未输入内容时恢复提示的功能。

[b]此代码基于jquery1.3.2基础上开发，请使用引入jquery文件[/b]

<script type="text/javascript">
$(function(){
	var t="请输入搜索内容";  //t=>提示内容
        //SearchForm=>表单名称；SearchContainer=>文本输入框ID名称
   	$("#SearchForm [id=SearchContainer]").focus(function(){
    	if($(this).val()==t)
        	$(this).val("");
    }).blur(function(){
    	if($(this).val()!=t && $(this).val()=="")
        	$(this).val(t);
    });
});		 
</script>