input的autocomplete效果 ---又是一道腾讯编程题

十方魔

于 2018-04-25 19:40:26 发布

阅读量2.7k

点赞数 1

分类专栏：前端/Javascript 文章标签：输入框自动补全 autocomplete 腾讯面试 javascript

版权

这篇博客介绍了一道腾讯编程题，涉及到在输入框中实现自动补全功能。作者通过HTML、CSS和JavaScript代码展示了如何根据数组arr查询匹配词汇并显示autocomplete效果。文章还提及，对于大量数据，可以使用搜索算法如二分查找，或借助后端接口返回结果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

页面内有一个 input 输入框，实现在数组 arr 查询命中词并和 autocomplete 效果。

忽略圆圈，这是quickTime录屏的side effect。。。
这里写图片描述

 <div id="div1">
    <input type="text" id="input" placeholder="有autocomplete的输入框"/>
    <ul id="ul">
    </ul>
  </div>

*{
    margin: 0;
    padding: