HTML <datalist> 标签

定义和用法

<datalist> 标签定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。
datalist 及其选项不会被显示出来，它仅仅是合法的输入值列表。
请使用 input 元素的 list 属性来绑定 datalist。

语法


<datalist>

  <option value="">

  <option value="">

</datalist>

实例

下面是<input> 元素，<datalist> 中描述了其可能的值：

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>学做网站论坛站长百科（www.xuewangzhan.net/baike/）</title> 
</head>
<body>
<form action="demo-form.php" method="get">
<input list="browsers" name="browser">
<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>
<input type="submit">
</form>
<p><strong>注意:</strong> Internet Explorer 9（更早 IE 版本），Safari 不支持 datalist 标签。</p>
</body>
</html>

浏览器支持

所有主流浏览器都支持 <datalist> 标签，除了 Internet Explorer 和 Safari。

HTML差异

<datalist> 标签是 HTML5 中的新标签。
HTML4.0没有这个标签。

全局属性

<datalist> 标签支持 HTML 的全局属性。

事件属性

<datalist> 标签支持 HTML 的事件属性。

上一课: Web前端工程师需要需要哪些知识下一课: HTML <command> 标签

相关教程

HTML常用书写工具有哪些 (115106 次浏览)

HTML常用写书工具有以下几种：第一种：记事本记事本是最简单的HTML书写工具，但功能也是特别少的，不太适合建网站新手来使用。（新手学习HTML
HTML文本格式化标签与引用标签 (116246 次浏览)

HTML 文本格式化：使用 pre 标签对空行和空格进行控制。“计算机输出”标签：这些标签常用于显示计算机/编程代码。引用标签：使用 blockquote
HTML粗体标签、着重标签、斜体标签 (120057 次浏览)

HTML粗体标签：HTML b 标签b 标签-- 定义粗体文字不符合标准网页设计的理念,不赞成使用. b标签是成对出现的,以<b>开始,以</b>结束 .
HTML换行标签与水平线标签 (117229 次浏览)

HTML换行标签：<BR/>br 是换行(Break)的缩写。文本会在这个标签的地方换行。在HTML代码里直接换行的话,按浏览器的不同可能显示为一个空格,或
html元素标签属性大全 (116267 次浏览)

什么是HTML属性每个HTML元素都可以给它添加一些属性，让它成为我们做网站时需要的样子。例如一段文字，我们可以给它添加属性，使这段文字变成红色，
HTML <datalist> 标签 (13480 次浏览)

定义和用法<datalist> 标签定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。datalist 及其选项不会被显示出来，它仅仅
html 标签基本语法 (116764 次浏览)

html 标签基本语法有以下几个特点：刚刚接触超文本，遇到的最大的障碍就是一些用“<”和“>”括起来的句子，我们称它为标签，是用来分割和标记

学做网站论坛专注网站培训

当前位置：

HTML <datalist> 标签

定义和用法

语法

实例

浏览器支持

HTML差异

全局属性

事件属性

发表回复取消回复

相关教程

教程目录

网站标签

当前位置：

定义和用法

语法

实例

浏览器支持

HTML差异

全局属性

事件属性

发表回复 取消回复

相关教程

教程目录

网站标签

发表回复取消回复