HTML datalist

阅读: 4121    发布时间: 2018-01-11 15:37:48

  • <datalist> 元素为 <input> 元素规定预定义选项列表。

  • 用户会在他们输入数据时看到预定义选项的下拉列表。

  • <input> 元素的 list 属性必须引用 <datalist> 元素的 id 属性。

  • 双击输入框或者输入匹配的数据后,会展示选择项


<input list="test">
<datalist id="test">
    <option value="a">百度</option>
    <option value="b">百度外卖</option>
    <option value="c">美团</option>
    <option value="d">美团外卖</option>
</datalist>


效果如下:


-END-