文件名称:
jQuery实现邮箱下拉列表自动补全功能
开发工具:
文件大小: 61kb
下载次数: 0
上传时间: 2021-01-21
详细说明:记得,在上个项目中,遇到这样一个需求,网站要求填写邮箱的时候,还没有填写完,就会出现一系列下拉列表,帮助自动补全邮箱的功能。今天小编给给大家分享下我基于jquery是怎么实现此功能的!
功能简述
•填写邮箱名字,出现下拉列表,自动补全邮箱
•点击上下按键,选取下拉列表邮箱
•按回车键,选中列表内容,隐藏下拉列表
•鼠标经过,下拉列表选项设置为高亮
•鼠标点击,选中下拉列表选项,隐藏下拉列表
HTML
HTML代码很简单,我们就一个简单的输入框,然后一个ul标签,在内部可以放好多li标签。