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

最新推荐文章于 2024-07-08 17:12:31 发布

iteye_4816

最新推荐文章于 2024-07-08 17:12:31 发布

阅读量121

点赞数

分类专栏：我的文章标签： jQuery Java ViewUI

我的专栏收录该内容

4 篇文章

订阅专栏

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

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

[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>