如何在输入标签上控制浏览器的内置自动完成列表?

时间:2014-03-02 19:18:06

标签: javascript html

内置自动完成功能作为所有主流浏览器中输入元素的一部分。当用户开始输入时,它通常会下降。有没有办法控制清单?我的意思是

<input id="abc" type="text" />

<script>
    //this does not work, obviously
    var cars=["Saab","Volvo","BMW"];
    document.getElementById("abc").autocomplete.list=cars;
</script>

...没有使用JQuery ......它可能是梦想的功能,不是吗?

到目前为止,没有人说这是不可能的。)

1 个答案:

答案 0 :(得分:2)

正如评论中所建议的那样尝试HTML5的datalist

<input type="text" id="country" list="someCountries" />
<datalist id="someCountries">
    <option label="United Stated" value="USA"></option>
    <option label="United Kingdom" value="UK"></option>
    <option label="Uruguay" value="URU"></option>
    <option label="Brazil" value="BRA"></option>
    <option label="Russia" value="RUS"></option>
</datalist>

More here