HTML5自动完成（像jquery自动完成一样工作）

Question

我知道jquery autocomplete事件是如何工作的。但我想使用HTML5自动完成功能。

我在HTML5中找到了以下代码：

      <form action="demo_form.asp" method="get">
            <input list="browsers" name="browser" id="browser">
            <datalist id="browsers">
                 <option value="Internet Explorer">
                 <option value="Firefox">
                 <option value="Chrome">
                 <option value="Opera">
                 <option value="Safari">
            </datalist>
            <input type="submit">
      </form>

如果我在“#browser”输入字段中写“Chr”，则上面的代码会显示Chrome作为建议。但是如果我在“#browser”输入字段中写“我”，那么它就不会显示任何内容。 （我希望它会显示“Chrome”作为建议像Jquery自动完成）。

在Jquery中：

如果我选择名为Browsers Like的列表

                    Browsers = ["Internet Explorer",
                               "Firefox",
                               "Chrome",
                               "Opera",
                               "Safari"];

如果我在jquery的自动完成事件中使用此列表，那么如果我在inpur字段中写“Chr”，那么它会将Chrome显示为建议，如果我在“#browser”输入字段中写“me”，那么它也会显示“ Chrome“作为建议。

                    $("#browser").autocomplete({ 

                    });

我想在HTML5中做这种类型的解决方案（比如jquery）。我搜索了很多，但无法得到任何解决方案或想法。我该怎么做？提前谢谢。