的CSS自動完成選擇選項

Question

我想實現通過CSS中的自動完成功能對於選擇選項，這樣網絡的初學者我便無法找到它的this.could一些提供任何想法或解決方案的任何樣品例如

例如::

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