选择选项的Css自动完成

时间:2014-02-20 08:21:21

标签: html css autocomplete

我正在尝试通过Css For Select Option实现自动完成功能,所以web的初学者我无法找到任何示例的例子。有些人提供任何想法或解决方案

例如::

  In a select box  by mention of class name like 

       <select id="productline" class="Auto-select on">
            <option value="Motorcycles">Motorcycles</option>
            <option value="Planes">Planes</option>
            <option value="Ships">Ships</option>
            <option value="Trains">Trains</option>
        </select>

1 个答案:

答案 0 :(得分:4)

试试这个。 <datalist>元素指定<input>元素的预定义选项列表。

<datalist>元素用于在<input>元素上提供“自动填充”功能。用户在输入数据时会看到预定义选项的下拉列表。

使用<input>元素的list属性将其与<datalist>元素绑定在一起。

<input list="browsers">

<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist> 

Fiddle Demo