html5 中新的datalist 自动下拉提示输入框

<input type="text" value="" list="fruits" />  
    <datalist id="fruits">  
      <option value="Apple"></option>   
      <option value="Orange"></option>   
      <option value="Peach"></option>   
    </datalist>  

建议用户输入，如果担心浏览器兼容问题，可以尝试用如下代码：

    <datalist id="fruits">  
      Pick your favorite fruit  
      <SELEct name="fruit_sel">  
      <option value="Apple">Apple</option>   
      <option value="Orange">Orange</option>   
      <option value="Peach">Peach</option>   
      </SELEct>  
      or type one.  
    </datalist>  
    <input type="text" name="fruit" value="" list="fruits" />  

但这个情况下，记得服务端要同时捕捉fruits和fruit_sel两个参数了datalist在firefox版本下一直都有的，这个赞扬一个，而其他版本浏览器

对其兼容情况，可以参考这个地址： http://caniuse.com/#feat=datalist