html5中datalist标签怎么用

2019-9-10 adminlj

<!DOCTYPE html>
<html>
<head>
   <title>HTML5 datalist tag</title>
   <meta charset="utf-8">
</head>
   <p>
       浏览器版本:<input list="words">
   </p>
   <datalist id="words">
       <option value="Internet Explorer">
       <option value="Firefox">
       <option value="Chrome">
       <option value="Opera">
       <option value="Safari">
       <option value="Sogou">
       <option value="Maxthon">
   </datalist>
</body>
</html>

代码如上,配合<input>标签的list属性,将<datalist>作为提供的数据集,写起来和下拉列表很像,只不过有自动提示功能。兼容性如下:

Chrome/Firefox/Opera和IE10+均已支持,Safari直到版本7仍然不支持。


标签: html

发表评论:

Powered by emlog 湘ICP备18009270号-2