解决页面内容自动填充的问题

最近开发一个web项目,然后发现页面中填写输入框的时候,总是出现自动填充的情况(数据来自输入框历史数据)。首先并不需要这个功能,而且会影响正常输入。比如timepicker选择日期的时候,会遮挡控件弹窗,导致无法点击日期。

解决方法,在input元素中添加属性并赋值autocomplete="off"。

由于我是整个页面的input都不需要填充,所以在页面加载函数中添加统一处理:

$('input:not([autocomplete])').attr('autocomplete', 'off');

 

另外,针对password型input需要单独处理:autocomplete='new-password',大概是相当于重新new一个全新的password输入框。

 

emmm,说起timepicker,顺便补充一下datepicker的使用方法,主要是设置format的方式有点意外:

·function initTimePicker(){
        $("#EventDate").datepicker({
            autoclose: true,
            format: 'yyyy-mm-dd',
            dateFormat : 'yy-mm-dd',
            todayBtn: true,
            language:'<%=LocaleUtils.getLocaleStringForJs(request)%>'
        });
    }

你可能感兴趣的:(html)