禁止 input 输入框显示历史记录

问题概述

在 HTML 开发中会 input 标签是非常常用的， 当在 input 标签 输入数据后，再点击输入框会显示原来输入过的内容，还会出现下拉的历史记录。让使用人员感觉比较恶心。

解决方案（隐藏记录框）

隐藏记录框

autocomplete 属性规定 form 或 input 域应该拥有自动完成功能。

• on 默认，规定启用自动完成功能；
• off 规定禁用自动完成功能；

<input type="text" name="reportStartDate" autocomplete="off" placeholder="检测开始时间"  />
<span class="input-group-addon">到</span>
<input type="text"  name="reportEndDate" autocomplete="off" placeholder="检测结束时间"  />

实现效果