HTML5 datalist简单使用演示实例页面

回到相关文章 »

代码:

HTML代码:
列表:<input type="text" list="mydata" placeholder="热门电影排行" />
<datalist id="mydata">
    <option label="Top1" value="让子弹飞">
    <option label="Top2" value="非诚勿扰2">
    <option label="Top3" value="大笑江湖">
    <option label="Top4" value="赵氏孤儿">
    <option label="Top5" value="初恋这件小事">
</datalist>
                
JS代码:
// firefox浏览器下label属性值变成空字符串
if (document.mozFullScreen !== undefined) {
    [].slice.call(document.querySelectorAll("#mydata option")).forEach(function(eleOption) {
        eleOption.removeAttribute('label'); 
    });
}              
                

效果:

列表: