HTML5的autocomplete属性和dataList标签

    html页面的输入框点击时，经常会出现一些下拉框，里面会出现曾经输入过的内容，有时候我们并不需要这些内容，我们可以通过autocomplete 属性将其去除掉，给标签设置autocomplete="off"即可。

autocomplete 属性规定输入字段是否应该启用自动完成功能。

自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示出在字段中填写的选项。

注释：autocomplete 属性适用于 <form>，以及下面的 <input> 类型：text, search, url, telephone, email, password, datepickers, range 以及 color。

值	描述
on	默认。规定启用自动完成功能。
off	规定禁用自动完成功能。

    然而有时我们需要这种下拉框，类似自动完成的下拉框，但是我们需要的值并不是浏览器缓存的历史值，而是自己定义的值。那我们可以使用dataList标签来实现。

定义和用法

<datalist> 标签定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。

datalist 及其选项不会被显示出来，它仅仅是合法的输入值列表。

请使用 input 元素的 list 属性来绑定 datalist。