HTML <datalist> 标签

<datalist> 标签定义一个预定义选项列表，用户可以从中选择一个或多个值。

语法

<datalist id="datalist_id">
  <option value="option1">
  <option value="option2">
  <option value="option3">
</datalist>

属性

• id: 规定 <datalist> 元素的 id。
• name: 规定 <datalist> 元素的名称。

示例

<label for="browser">Choose your browser:</label>
<input list="browsers" name="browser" id="browser">
<datalist id="browsers">
  <option value="Chrome">
  <option value="Firefox">
  <option value="Safari">
  <option value="Edge">
</datalist>

在上面的示例中，用户可以从 <datalist> 中选择一个浏览器选项，然后在输入框中显示所选项的值。

注意事项

• <datalist> 只是一个预定义选项列表，实际上并不会显示在页面上，只会在用户输入时显示可选项。
• <datalist> 元素必须与 <input> 元素配合使用，其中 <input> 的 list 属性的值应该与 <datalist> 的 id 相对应。

以上是 <datalist> 标签的基本介绍和使用方法。