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'); }); }
效果:
列表: