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

nbr*_*bro 7 html css input

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

问题是如何显示这些建议.默认情况下,输入元素可以显示建议,但是是否可以自定义/访问这些建议?

如果没有,那么替代方案是什么?

我最好不要使用外部库.

Dan*_*pka 17

您可以使用'datalist'标签但它在IE <= 9中不起作用

    <!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>
Run Code Online (Sandbox Code Playgroud)

运行代码并尝试键入"C"然后键入"a".