选择选项的 Css 自动完成

Question

我正在尝试通过 Css For Select Option 实现自动完成功能，所以网络初学者我找不到任何示例示例。可以提供任何想法或解决方案

例如::

  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>

Answer 1

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

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

使用<input> 元素的列表属性将其与<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