jquery邮箱自动补全

深藏阁楼爱情的钟 2021-12-03 06:29 434阅读 0赞

**在使用前需要有如下文件:**

**jquery-1.7.1.min.js**

**jquery.mailAutoComplete-3.1.js**

**大家可以到网上下载:**

**【jquery.mailAutoComplete-3.1.js】的请到这里下载:  http://download.csdn.net/detail/xiaolinzai888/7794939**

**\[jquery-1.7.1.min.js\]可以到jquery官网下载**

**![211027224713162.png][]**

页面

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

转载于:https://www.cnblogs.com/asher/p/3926583.html

[211027224713162.png]: /images/20211203/69e2943858474a6fba266fab4008c6b6.png

发表评论取消回复

表情：

评论列表（有 0 条评论，434人围观）

还没有评论，来说两句吧...

相关阅读

相关 Tab 自动补全

目录 1. 命名空间补全 2. 属性方法补全 3. 函数参数补全 4. 文件路径补全 IPython/Jupyter 提供不亚于集成开发环境的自

柔光的暖阳◎/ 2022年12月11日 07:55/ 0 赞/ 250 阅读

相关基于JQuery UI的联想输入自动补全

最近学习了jquery ui的autocomplete 自动补全，和大家分享一下学习的经验，希望对初学者有用。第一次写博客，使用语言 java js 使用

迷南。/ 2022年08月20日 05:28/ 0 赞/ 212 阅读

相关 IDEA / WebStorm / PhpStorm 添加jQuery自动提示，自动补全，提示文档

默认情况下没有JQuery补全，按照以下方法添加 1. 打开Settings，Languages & Frameworks > JavaScript > Libraries

小灰灰/ 2022年08月19日 11:24/ 0 赞/ 276 阅读

相关 Autocomplete 自动补全JQuery

资料：http://jqueryui.com/autocomplete/ <span style="font-size:14px;"><!doctype html>

红太狼/ 2022年07月24日 03:23/ 0 赞/ 215 阅读

相关 Eclipse自动补全

对于编程人员来说，在编写Java程序时，要记住大量的类名及方法名实在有点太痛苦了，Eclipse提供了自动代码自动补全功能，设置方式如下：Window->Preference-

矫情吗；*/ 2022年06月15日 09:21/ 0 赞/ 409 阅读

相关 jquery ui 自动补全demo

<!doctype html> <html lang="en"> <head> <meta charset="utf-8">

怼烎@/ 2022年06月02日 04:13/ 0 赞/ 232 阅读

相关使用js实现的邮箱自动补全

1.页面代码 <input type="text" id="username" name="username" list="input_list"/> <datali

Bertha 。/ 2022年05月28日 01:42/ 0 赞/ 254 阅读

相关 jQuery邮箱自动补全代码

[jQuery邮箱自动补全代码][jQuery] JScript 代码复制 ![None.gif][] (function($){ $

你的名字/ 2022年04月24日 04:42/ 0 赞/ 312 阅读

相关 jquery邮箱自动补全

在使用前需要有如下文件: jquery-1.7.1.min.js jquery.mailAutoComplete-3.1.js 大家可以到网上下载: 【jquer

深藏阁楼爱情的钟/ 2021年12月03日 06:29/ 0 赞/ 435 阅读

相关实现Jquery的自动补全功能

摘要： > jquery有一个自动不全的插件，现在记录一下如何实现jquery的自动补全功能。话不多说，直接开始：第一步：引入支持jquery自动补全的相关插件

左手的ㄟ右手/ 2021年06月11日 15:11/ 0 赞/ 619 阅读