今天在公司做一个电子商务网站的注册会员时,要求用户在电子邮箱文本框中输入时,给与热点提示常用的电子邮箱,帮助用户选择,提高体验效果。下面是用Jquery+css实现的邮箱自动补全,供大家参考和学习。HTML代码:emailAutoComple.html<!DOCTYPE H ...
今天在公司做一个电子商务网站的注册会员时,要求用户在电子邮箱文本框中输入时,给与热点提示常用的电子邮箱,帮助用户选择,提高体验效果。下面是用Jquery+css实现的邮箱自动补全,供大家参考和学习。
HTML代码:emailAutoComple.html
<!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
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。