Html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<datalist id="contactList">
<option value="a@126.com" label="张三"></option>
<option value="aa@126.com" label="张小三"></option>
<option value="aaa@126.com" label="张小小三"></option>
<option value="bbb@126.com" label="李四"></option>
</datalist>
电子邮箱: <input type="email" id="contacts" list="contactList">
</body>
</html>
说明:在input的list属性中绑定datalist的id,效果如下图所示:
chrome:
firefox: