推荐学习：《HTML5教程》
下面我们就通过具体的代码示例给大家介绍。
<!DOCTYPE>
<html>
<meta charset="utf-8">
<head>
<title>Datalist元素使用示例</title>
</head>
<body>
<input name="section" list="scripts" />
<datalist id="scripts">
<option value="PHP" />
<option value="JavaScript" />
<option value="java" />
<option value="Go" />
<option value="python" />
<option value="c++" />
</datalist>
</body>
</html>效果如下图：
立即学习“前端免费学习笔记（深入）”；
它具有自动完成功能，可帮助用户在文本框中输入内容，与下拉列表框或单选按钮不同，用户可以编写任何文本而不限制由datalist给出的选项。Datalist通过输入元素列表属性绑定（或链接）。
篮球运动元素合集矢量素材
下载
篮球运动元素合集矢量素材适用于体育活动宣传（篮球比赛、运动会或相关体育活动的宣传海报、传单）、儿童教育材料（儿童篮球培训课程、体育教材或启蒙绘本中使用）、体育品牌广告（篮球品牌或体育用品公司的广告设计）、产品设计（篮球、运动装备等产品的设计包装或标签）、动画和游戏（在篮球主题的动画或游戏中作为角色设计元素）、室内装饰（篮球主题的房间、儿童房间或体育场所的墙贴、挂画）相关设计的AI格式素材。
注：
datalist 及其选项不会被显示出来，它仅仅是合法的输入值列表。需使用 input 元素的 list 属性来绑定 datalist。
本篇文章就是关于HTML5中的Datalist元素的用法介绍，简单易懂，希望对需要的朋友有所帮助！
