下拉列表的实现：Input文本输入框

知识引入

<datalist>

<datalist>是HTML5的新标签，它规定了<input>元素可能的选项列表。

<datalist>标签被用来在为元素提供"自动完成"的特性。用户能看到一个下拉列表，里边的选项是预先定义好的，将作为用户的输入数据。

编程实现

代码如图：

效果如图：