jquery邮箱自动补全
2014-08-21 10:32
423 查看
在使用前需要有如下文件:
jquery-1.7.1.min.js
jquery.mailAutoComplete-3.1.js
大家可以到网上下载:
[b]【jquery.mailAutoComplete-3.1.js】的请到这里下载: http://download.csdn.net/detail/xiaolinzai888/7794939[/b]
[b][[b]jquery-1.7.1.min.js]可以到jquery官网下载[/b][/b]
页面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
.out_box{border:1px solid #ccc; background:#fff; font:12px/20px Tahoma;}
.list_box{border-bottom:1px solid #eee; padding:0 5px; cursor:pointer;}
.focus_box{background:#f0f3f9;}
.mark_box{color:#c00;}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>邮箱自动提示</title>
</head>
<script src="jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="jquery.mailAutoComplete-3.1.js" type="text/javascript"></script>
<body>
<br />
<br />
<p>邮箱自动提示:<input type="text" id="customTest" size="28" /></p>
</body>
</html>
<script>
$(function(){
$("#customTest").mailAutoComplete({
boxClass: "out_box", //外部box样式
listClass: "list_box", //默认的列表样式
focusClass: "focus_box", //列表选样式中
markCalss: "mark_box", //高亮样式
autoClass: true,
textHint: true, //提示文字自动隐藏
hintText: "请填写邮箱地址"
});
});
</script>
jquery-1.7.1.min.js
jquery.mailAutoComplete-3.1.js
大家可以到网上下载:
[b]【jquery.mailAutoComplete-3.1.js】的请到这里下载: http://download.csdn.net/detail/xiaolinzai888/7794939[/b]
[b][[b]jquery-1.7.1.min.js]可以到jquery官网下载[/b][/b]
页面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
.out_box{border:1px solid #ccc; background:#fff; font:12px/20px Tahoma;}
.list_box{border-bottom:1px solid #eee; padding:0 5px; cursor:pointer;}
.focus_box{background:#f0f3f9;}
.mark_box{color:#c00;}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>邮箱自动提示</title>
</head>
<script src="jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="jquery.mailAutoComplete-3.1.js" type="text/javascript"></script>
<body>
<br />
<br />
<p>邮箱自动提示:<input type="text" id="customTest" size="28" /></p>
</body>
</html>
<script>
$(function(){
$("#customTest").mailAutoComplete({
boxClass: "out_box", //外部box样式
listClass: "list_box", //默认的列表样式
focusClass: "focus_box", //列表选样式中
markCalss: "mark_box", //高亮样式
autoClass: true,
textHint: true, //提示文字自动隐藏
hintText: "请填写邮箱地址"
});
});
</script>
相关文章推荐
- jQuery autocomplete的使用(邮箱自动补全)
- jQuery实现Email邮箱地址自动补全功能代码
- jQuery邮箱自动补全
- Web开发之-JQuery 邮箱自动补全
- jquery实现邮箱自动补全功能示例分享
- jquery 实现输入邮箱时自动补全下拉提示功能
- jQuery 实现邮箱下拉列表自动补全功能
- jQuery实现文本框邮箱输入自动补全效果
- 【jquery】邮箱自动补全 + 上下翻动
- jQuery实现Email邮箱地址自动补全功能代码
- jQuery实现邮箱下拉列表自动补全功能
- jQuery实现输入框邮箱内容自动补全与上下翻动显示效果【附demo源码下载】
- jQuery 实现邮箱下拉列表自动补全功能
- Jquery李炎恢——43邮箱自动补全UI【9】
- jQuery实现文本框邮箱输入自动补全效果
- jquery 实现输入邮箱时自动补全下拉提示功能
- jquery实现邮箱自动补全功能示例分享
- 第一百八十一节,jQuery-UI,知问前端--自动补全 UI--邮箱自动补全
- jquery实现自动补全邮箱地址
- jquery插件 邮箱后缀自动匹配 可自定义