【HTML教程】HTML的datalist标签|html入门知识

——致力做企业用得上的平台； ——开发企业节省成本的系统；

#datalist标签 #HTML教程 #HTML标签 #html入门知识

【定义和用法】

datalist 标签为 input 元素规定预定义选项的列表。

datalist 标签用于为 input 元素提供“自动完成”功能。用户在输入数据时，将看到预定义选项的下拉列表。

datalist 元素的 id 属性必须等于 input 元素的 list 属性(这会把它们绑定在一起)。

【实例】

拥有预定义选项的数据列表(连接到 input 元素)：

<label for="browser">请从列表中选择您的浏览器：</label>
<input list="browsers" name="browser" id="browser">

<datalist id="browsers">
  <option value="Edge">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

【默认的 CSS 设置】

大多数浏览器将使用以下默认值显示 datalist 元素：

datalist {  display: none;}