mailtip是一个有用的jQuery插件，当用户输入电子邮件输入字段时，它会弹出一个建议框，其中包含自动完成列表中的电子邮件地址。

如何使用它:

1.在页面上创建一个电子邮件输入字段。

<input id="demo" type="email" />

3.在页面底部包含最新版本的jQuery和jQuery邮件提示插件。

<script src="/path/to/cdn/jquery.min.js"></script>
<link rel="stylesheet" href="./css/mailtip.css"/>
<script src="./src/jquery.mailtip.js"></script>

4.在邮件输入上初始化插件，并覆盖默认的电子邮件列表，如下所示：

$(function (){
  $('#demo').mailtip({
    mails: ['@aol.com', '@gmail.com', '@msn.com', '@hotmail.com', '@outlook.com', '@yahoo.com'],
  });
});

5.更多插件选项。

$(function (){
  $('#demo').mailtip({
    width: 'auto',
    offsetTop: -1,
    offsetLeft: 0,
    zIndex: 10,
    onselected: function(mail){
      // do something
    }
  });
});

更新日志：

2022-10-08

• 重命名css类名并将内联样式移动到css文件

2015-11-11

• 防止默认的向上和向下键按下事件

2015-09-23

• 错误修复

2015-09-17

• 已为Microsoft Edge修复。

预览截图

电子邮件地址 jQuery插件自动完成 mailtip