你的位置:首页 > 软件开发 > Java > jquery+css实现邮箱自动补全

jquery+css实现邮箱自动补全

发布时间:2016-11-12 19:00:35
今天在公司做一个电子商务网站的注册会员时,要求用户在电子邮箱文本框中输入时,给与热点提示常用的电子邮箱,帮助用户选择,提高体验效果。下面是用Jquery+css实现的邮箱自动补全,供大家参考和学习。HTML代码:emailAutoComple.html<!DOCTYPE H ...

 今天在公司做一个电子商务网站的注册会员时,要求用户在电子邮箱文本框中输入时,给与热点提示常用的电子邮箱,帮助用户选择,提高体验效果。下面是用Jquery+css实现的邮箱自动补全,供大家参考和学习。

HTML代码:emailAutoComple.html

jquery+css实现邮箱自动补全jquery+css实现邮箱自动补全
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head>  <title>邮箱自动补全</title>  <meta http-equiv="content-type" content="text/html; charset=UTF-8">  <link type="text/css" rel="stylesheet" href="css/emailAutoComple.css">  <script type="text/javascript" src='/images/loading.gif' data-original="js/jquery-1.7.2.min.js"></script>  <script type="text/javascript" src='/images/loading.gif' data-original="js/emailAutoComple.js"></script>  <script type="text/javascript">    $(function(){    $.AutoComplete("#email");  //(要补全文本框的id)    });  </script> </head>  <body>  <form action="">        姓名:<input type="text" name="userName" id="userName"/><br/>        邮箱:<input type="text" name="email" id="email"/>  </form> </body></html>

原标题:jquery+css实现邮箱自动补全

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。