大佬教程收集整理的这篇文章主要介绍了利用HTML5的DataList元素实现输入提示，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
今天看到datalist 这个元素，可以用来预先定义一个输入框的潜在选项，也就是我们在平时项目中经常用jQuery插件或者自己写JS来实现的autocomplete「自动补全，但似乎自动提示更贴切一些」功能。
具体来说，页面上的input还是原来的input，只是在它的下面定义一下新的datalist在其中填充触发提示的文本,同时在该input元素上指定list属性指向这个list。一个大概的例子大概是像下面这样
<html> <head> </head> <body> 你最喜欢的浏览器是： <input list="browsers"> <datalist id="browsers"> <option value="Internet Explorer"> <option value="Firefox"> <option value="Chrome"> <option value="Opera"> <option value="Safari"> </datalist> </body> </html>
以上是大佬教程为你收集整理的利用HTML5的DataList元素实现输入提示全部内容，希望文章能够帮你解决利用HTML5的DataList元素实现输入提示所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。