您现在的位置是：网站首页> 编程资料编程资料

html5 datalist标签使用示例(自动完成组件)HTML5 的新的表单元素(datalist/keygen/output)使用介绍Html5新标签datalist实现输入框与后台数据库数据的动态匹配

2021-09-01 668人已围观

简介这篇文章主要介绍了html5 datalist标签使用示例(自动完成组件),需要的朋友可以参考下

以前需要用JS写一个自动完成组件（Suggest），很费劲。HTML5时代则不用了，直接使用datalist标签，直接减少了工作量。如下

复制代码

代码如下:

HTML5 datalist tag

浏览器版本：

datalist提供一个事先定义好的列表，通过id与input关联，当在input内输入时就会有自动完成（autocomplete）的功能，用户将会看见一个下拉列表供其选择。

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