input里有下拉邮箱地址

作者: 富有的心 | 来源:发表于2017-11-20 19:54 被阅读0次

<!doctype html> 
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
body {
    background: url(images/bg.png) no-repeat;
    padding: 0;
    margin: 0;
    width: 1003px;
    height: 774px;
}
#apDiv1 {
    position: absolute;
    width: 173px;
    height: 29px;
    z-index: 1;
    left: 712px;
    top: 301px;
}
.text {
    width: 173px;
    height: 26px;
    color: #a6a6a6;
    font-size: 14px;
    border:none;
    background-color:transparent;
}

</style>
<title></title>
</head>

<body>
<div id="apDiv1">
    <form id="form1" name="form1" method="post">
        <input name="textfield" type="text" class="text" id="textfield" list="email_list">
        <datalist id="email_list">
            <option label="zhangsan@163.com" value="zhangsan@163.com" />
            <option label="zhang@163.com" value="zhang@163.com" />
            <option label="lisi@163.com" value="lisi@163.com" />
        </datalist>
    </form>
</div>
</body>
</html>

A45BD153-9469-4DC6-9D08-B3C2AB16E33F.png