「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> 标签，每个标签表示一个可选项。每个 <option> 标签必须包含一个 value 属性，该属性指定要在输入框中显示的值。

请注意，datalist 标签必须闭合，并且任何文本都应该放置在起始和结束标记之