html5中datalist标签怎么用

分类 : .NET技术
<!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仍然不支持。


分类: .NET技术  发布: 2019-07-18-星期四   访问() .NET技术    Web前端    JAVA开发    语言编程    数据库    电脑知识    代码案例

Copyright © 2017 CSS5.NET教程.CSS5 内容仅用于学习和测试参考。 css5.net All Rights Reserved