邮箱收件人效果（自动填充）

来源：互联网发布：finale 软件编辑：程序博客网时间：2024/05/22 11:13

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>智能填写</title>
                            <style type="text/css" >   #multiinput {
    font-size:22px;
    border:1px #000 solid;
    font-weight:700;
   }
   #newInput {
    height:24px;
    font-size:22px;
    border:none;
   }
   #selection ul {
    margin:0;
    padding:0;
    border:1px solid #000;
    width:75px;
    border-top:0;
   }
   #selection li {
    list-style:none;
    margin:0;
    padding:0;
    height:24px;
    cursor:pointer;
    width:75px;
   }
   #multiinput a:hover {
    background-color:#eee;
    cursor:text;
   }
   li.selected {
    background-color:#eee;
   }
  </style>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  <script type="text/javascript"></script>
</head>
<body>
  <div id="multiinput">
   <a id="t"></a><input id="newInput" type="text" autocomplete="off"/>
  </div>
  <div>
   <div id="selection">
   </div>
  </div>
</body>
</html>