最近在使用layui的date日期组件时,每次选择日期时,都会出现下拉的历史记录。历史记录和日期选择控件叠加显示,体验非常不好。如下图:
搜索后发现html页面中,在输入 input 时会提示原来输入过的内容,还会出现下拉的历史记录。而layui的date使用的是input组件,禁止这种情况有如下两者解决方法。
方法一:在不想使用缓存的input中添加 autocomplete="off":
<input type="text" name="date" value="" autocomplete="off"/>
方法二:如果整个表单元素都不想使用autocomplete功能的话,可以在form标签中添加 autocomplete="off":
<form autocomplete="off"> <input type="text" name="date" value=""/> </form>
autocomplete 用法
autocomplete 属性是用来规定输入字段是否启用自动完成的功能。
自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时,浏览器基于之前键入过的值,应该显示出在字段中填写的选项。
提示:
autocomplete 属性适用于 <form>,以及下面的 <input> 类型:text, search, url, telephone, email, password, datepickers, range 以及 color。
语法:
<input autocomplete="value">
属性值:
值 | 描述 |
---|---|
on | 默认。规定启用自动完成功能。 |
off | 规定禁用自动完成功能。 |