＜datalist＞ 标签

一、<datalist>标签的作用

1. <datalist> 标签规定了<input> 元素可能的选项列表。
2. <datalist>元素包含了一组<option>元素，这些元素表示预定义可选值，在<input>元素输入过程中，会自动响应<option>元素的值。
3. 绑定的<input>标签必须设置list 属性，属性值等于<datalist>标签的id 属性值。

二、<datalist>标签演示案例

1.<datalist>标签未绑定效果：

 如上图运行效果我们看到，我们在<datalist>标签中书写了<option>选项，但是并没有和<input>进行关联起来，还是普通的<input>。

2.<datalist>标签绑定后的效果（1）：

阿福的工作室制作