「HTML和CSS入门指南」datalist 标签详解

什么是 datalist 标签？

在 HTML 中，datalist 标签用于创建预定义选项列表。使用 datalist 标签可以帮助您提供更快、更方便的用户输入体验。

---

datalist 标签的基本语法

以下是 datalist 标签的基本语法：

<label for="fruits">请选择水果：</label>
<input type="text" id="fruits" list="fruit-list">
<datalist id="fruit-list">
  <option value="苹果">
  <option value="香蕉">
  <option value="橙子">
</datalist>

其中：

• list 属性指定输入框使用的预定义选项列表。
• <datalist> 标签包含多个 <option&