HTML5中新增的表单元素——datalist元素

今天学习到了一个比较好的元素（datalist元素），怕自己忘了，写了这篇博客：

它可以解决在单选框中只能选择不能输入的问题，类似于提示词的作用：

这里注意datalist元素要写id,与input表单元素的 list属性创建联系

例1：

在页面上显示如下：

例2：

在页面上显示如下：

假如想要输入的是网址，需要注意value值必须添加http://

例3

这里的datalist元素在火狐浏览器上是没有下拉列表的，要注意！

以及datalist的子元素option元素可以写成单标签的格式 ：eg:<option value=“英语” label=“棒”/>