为输入字段创建自定义自动完成列表

【问题标题】：Create a custom autocomplete list for an input field为输入字段创建自定义自动完成列表
【发布时间】：2015-11-29 16:33:37
【问题描述】：

我需要为输入字段创建一个自定义的自动完成建议列表。到目前为止，我已将事件处理程序与input 事件关联到 html 输入元素，以便当该事件触发时，我可以获取建议。

问题是我将如何展示这些建议。默认情况下，输入元素可以显示建议，但是否可以自定义/访问这些建议？

如果没有，有什么替代方案？

我最好不要使用外部库。

【问题讨论】：

标签： html css input

【解决方案1】：

您可以使用“datalist”标签，但它在 IE 中不起作用

    <!DOCTYPE html>
    <html>
        <body>
            <form>

              <input list="country" name="countru">

              <datalist id="country">

                <option value="U.S.">
                <option value="France">
                <option value="China">
                <option value="Cambodia">
                <option value="Chile">
                <option value="Canada">
                <option value="Poland">

              </datalist>

              <input type="submit">
            </form>
        </body>
    </html>

运行代码并尝试输入“C”，然后输入“a”。

【讨论】：