·您当前的位置:主页 > 技术教程 > Html5技术 >

[HTML5]的datalist标签用法实例

时间:2018-11-26 09:26阿酷
datalist 这个元素,可以用来预先定义一个输入框的潜在选项,也就是我们在平时项目中经常用jQuery插件

datalist 这个元素,可以用来预先定义一个输入框的潜在选项,也就是我们在平时项目中经常用jQuery插件或者自己写JS来实现的autocomplete「自动补全,但似乎自动提示更贴切一些」功能。

具体来说,页面上的input还是原来的input,只是在它的下面定义一下新的datalist在其中填充触发提示的文本,同时在该input元素上指定list属性指向这个list。一个大概的例子大概是像下面这样

  1. 你最喜欢的浏览器是: <input list="browsers"> 
  2. <datalist id="browsers"> 
  3.   <option value="Internet Explorer"> 
  4.   <option value="Firefox"> 
  5.   <option value="Chrome"> 
  6.   <option value="Opera"> 
  7.   <option value="Safari"> 
  8. </datalist> 

 

热门文章推荐

请稍候...