html input输入框或下拉框禁止显示历史记录

最近在使用layui的date日期组件时,每次选择日期时,都会出现下拉的历史记录。历史记录和日期选择控件叠加显示,体验非常不好。如下图:

    1-200FQ5235Q27.png       

    搜索后发现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 规定禁用自动完成功能。

猜你喜欢

转载自blog.csdn.net/ztnhnr/article/details/107462030
今日推荐