如何在html5中制作datalist显示选项

时间:2016-11-18 12:08:58

标签: javascript html css html5

我有一个带有数据列表的文本输入。

      <input type="text" list="languageList"/>
    	<datalist id="languageList">
    <option value="abc" />
    <option value="bac" />
    <option value="cbd" />
    </datalist>

如果用户键入'a',则仅显示以a开头的值(在本例中为'abc')。我想在值中的任何位置显示出现'a'的所有值(在这种情况下,应显示abc和bac)。

有可能吗?如果是这样,怎么做?

提前致谢

2 个答案:

答案 0 :(得分:1)

也许您在使用datalist浏览器时遇到了一些问题。见下图:

Datalist Browser Compatibility Chart

来源:http://caniuse.com/#feat=datalist

希望我的回答能给你一些帮助。

答案 1 :(得分:0)

datalist的默认行为是匹配将在任何位置。在您的情况下,如果您输入'a',则会显示'abc'和'bac'。请再次检查功能。如果您有任何疑问,请访问以下链接
http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_datalist