HTML5中的Datalist元素标签怎么用

来源：动视网责编：小采时间：2020-11-27 15:03:50

HTML5中的Datalist元素标签怎么用

HTML5中的Datalist元素标签怎么用:<datalist> 标签是 HTML 5 中的新标签，此元素在表单中用于从用户中接收数据，它可以显示供用户选择的选项。推荐学习：《HTML5教程》下面我们就通过具体的代码示例给大家介绍。<!DOCTYPE> <html> <meta charse

推荐度：

点击下载本文 文档为doc格式

导读HTML5中的Datalist元素标签怎么用:<datalist> 标签是 HTML 5 中的新标签，此元素在表单中用于从用户中接收数据，它可以显示供用户选择的选项。推荐学习：《HTML5教程》下面我们就通过具体的代码示例给大家介绍。<!DOCTYPE> <html> <meta charse

<datalist> 标签是 HTML 5 中的新标签，此元素在表单中用于从用户中接收数据，它可以显示供用户选择的选项。

推荐学习：《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>

效果如下图：