zoukankan      html  css  js  c++  java
  • js邮箱自动补全

    邮箱自动补全js和jQuery

    html:   

    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>jQuery实现输入框自动补全邮箱提示 - 素材家园</title>
    <link href="css/sucaijiayuan.css" type="text/css" rel="stylesheet" />
    <script src="js/jquery.min.js"></script>
    <script src="js/emailAutoComplete.js"></script>
    </head>
    <body>
    <center>
    <h1>输入邮箱试试!</h1>
    <br />
    <div class="parentCls"><input type="text" class="inputElem"></div>
    </center>
    </body>
    </html>

    js: email.js

        

    @charset "utf-8";
    * { outline:none;
    margin:0;
    padding:0;
    font-family:microsoft yahei;
    }
    ul, li {
    list-style:none;
    }
    .inputElem {
    220px;
    height:26px;
    line-height:26px;
    padding: 0px 4px;
    color: #666666;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid;
    border-color: #b8b8b8 #dcdcdc #dcdcdc #b8b8b8;

    }
    .parentCls {
    margin-bottom: 10px;
    border: 2px solid #f2f2f2;
    }
    .auto-tip li {
    100%;
    text-align:left;
    height:22px;
    line-height:22px;
    font-size:14px;
    }

    .auto-tip li.hoverBg {
    background:#ddd;
    cursor:pointer;
    }
    .auto-tip li em{font-style:normal;}
    .red {
    color:#333;
    }
    .hidden {
    display:none;
    }

    外加一个jQuery.min.js

  • 相关阅读:
    Linux基础命令题(ps/ls + grep)
    Operator Overloading in C++
    C++中class和struct的区别
    poj1110double vision搜索
    poj1321棋盘递归搜索
    vim窗口分割/切换
    xclipmore about copy&paste命令行粘贴
    [转载]怎样花两年时间去面试一个人
    最优二叉查找树optimalBSTC++实现
    vim复制粘贴——系统剪贴板
  • 原文地址:https://www.cnblogs.com/xing-12/p/6093674.html
Copyright © 2011-2022 走看看