如何在文本框输入关键字查询时，完成关键字提醒功能。

如何用在函数中定义数组对象用于存储关键字信息，使用JQuery获取DOM执行autocomplete检索方法这个方法来实现啊
效果图如下：

.container-center{
    margin:0 auto; 
    position:relative;
    margin-top:15px;
    display: inline-block;
}
.cpxx{
    display: flex;
}
.cpxx li{
    margin-right:6px;
    height:30px;
    width:60px;
    text-align: center;
    color:black;
    padding-top:10px;
}
.cpxx .one{
    background-color: #90B830;
    color:white;
    padding-top:10px;
}
.cpxx li:hover{
    background-color: #90B830;
    color:white;
}
.container-box{
    width:450px;
    height:30px;
    border:3px solid #90B830;
    display:inline-block;
    position: relative;
}
.sousuo{
    display:inline-block;
    width:80px;
    height:32px;
    background-color: #90B830;
    color: aliceblue;
    text-align:center;
    padding-top:3px;
    transform:translatey(-1px);
}
.rmssc{
    display: flex;
    color:gray;
}
.rmssc li{
    margin-right:8px;
}

 <div class="container-center">
        <ul class="cpxx">
            <li class="one">产品</li>
            <li>信息</li>
        </ul>
            <input type="text" class="container-box"><div class="sousuo">搜索</div>
            <ul id="match">
                <li></li>
            </ul>
        <ul class="rmssc">热门搜索词:
            <li>香醋</li>
            <li>茶叶</li>
            <li>草莓</li>
            <li>葡萄</li>
            <li>菜油</li>
        </ul>
</div>