输入元素应具有自动完成属性

php javascript jquery google-chrome

2022-08-30 09:15:44

我在控制台中收到此消息，我无法理解它。请仔细研究

    <!DOCTYPE html>
<html>
<head>
    <title>registration page</title>
        <script src="js/jquery.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
        $('form').submit(function(event){
    "use strict";
        var valid = true,
        message = '';    
            $('.error').remove();           
   $('form input').each(function() {
        var $this = $(this);   
        if(!$this.val()) {
            message='';
            var inputName = $this.attr('name');
            valid = false;
            message += 'Please enter your ' + inputName + '\n';
            $(this).closest('div').append('<div class="error">'+message+'</div>');           
        }
})
           if(!valid){
                event.preventDefault();
        }else{
$('form').serialize()
        }
})
})
    </script>
</head>
<body>
<form>
<div>
    <label>Name</label>
    <input type="text" name="name"><br>
</div>
<div>
    <label>File</label>
    <input type="file" name="file"><br>
</div>
<div>
    <label>password</label>
    <input type="password" name="password"><br>
</div>
<button type='submit'>Submit</button>
</form>
</body>
</html>

问题是尽管没有错误，我一直收到此消息

[DOM] Input elements should have autocomplete attributes (suggested: "current-password"):

我在控制台中提供了一个谷歌链接，它将我带到（更多信息：goo.gl/9p2vKq）

答案 1

尝试更改

<input type="password" name="password">

自

<input type="password" name="password" autocomplete="on">

自动完成功能允许 Web 开发人员指定用户代理在填写表单字段值时提供自动帮助的（如果有）权限，以及向浏览器提供的有关字段中预期信息类型的指导。

它非常强大。

答案 2

关闭自动完成功能

您可以使用以下选项来处理以下格式的错误 输入元素应具有控制台通过修改引发的自动完成属性：

<input type="password" name="password">

将自动完成属性设置为在<form>或<输入>
- 强制浏览器不存储任何数据
- 禁用在会话历史记录中缓存表单数据

<input type="password" name="password" autocomplete="off">

防止浏览器自动填充的另一种方法是：
以下建议是特定于浏览器的

<input type="password" name="password" autocomplete="new-password"> <!-- For Mozilla-->
<!-- or -->
<input type="password" name="password" autocomplete="current-password"> <!-- For Chrome-->