基于jQuery的输入框无值自动显示指定数据的实现代码

<input type="text" name="searchText" title="请输入搜索关键字" /> 

input.helpText { color: #aaa;} 

function switchText() 
{ 
if ($(this).val() == $(this).attr('title')) 
$(this).val('').removeClass('helpText'); 
else if ($.trim($(this).val()) == '') 
$(this).addClass('helpText').val($(this).attr('title')); 
} 

$('input[type=text][title!=""]').each(function() { 
if ($.trim($(this).val()) == '') $(this).val($(this).attr('title')); 
if ($(this).val() == $(this).attr('title')) $(this).addClass('helpText'); 
}).focus(switchText).blur(switchText); 

$('form').submit(function() { 
$(this).find('input[type=text][title!=""]').each(function() { 
if ($(this).val() == $(this).attr('title')) $(this).val(''); 
}); 
}); 

您可能感兴趣的文章:

• 详解jQuery UI库中文本输入自动补全功能的用法
• jQuery实现文本框邮箱输入自动补全效果
• jquery 实现输入邮箱时自动补全下拉提示功能
• jquery.fastLiveFilter.js实现输入自动过滤的方法
• PHP结合jQuery.autocomplete插件实现输入自动完成提示的功能
• jQuery实现感应鼠标动画效果自动伸长的输入框实例
• 基于jQuery的input输入框下拉提示层(自动邮箱后缀名)
• 基于jquery实现的类似百度搜索的输入框自动完成功能
• jquery判断字符输入个数（数字英文长度记为1，中文记为2，超过长度自动截取）
• jQuery 自动增长的文本输入框实现代码
• jQuery实现自动输入email、时间和域名的方法