Eingabeelemente sollten Autocomplete-Attribute haben

Question 1

Ich bekomme diese Meldung in der Konsole, ich kann sie nicht verstehen. Bitte schauen Sie hinein

    <!DOCTYPE html>
<html>
<head>
    <title>registration page</title>
        <script src="https://stackoverflow.com/questions/54970352/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>

Das Problem ist, dass ich diese Meldung erhalte, obwohl kein Fehler auftritt

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

Ich habe einen Google-Link in der Konsole erhalten, der mich zu führt (Mehr Infos: goo.gl/9p2vKq)

Question 2

Versuchen Sie, sich zu ändern

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

zu

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

Automatische Vervollständigung ermöglicht Webentwicklern festzulegen, welche Berechtigung (falls vorhanden) der Benutzeragent hat, um automatisierte Unterstützung beim Ausfüllen von Formularfeldwerten bereitzustellen, sowie eine Anleitung für den Browser hinsichtlich der Art der im Feld erwarteten Informationen.

Es ist ziemlich mächtig.

Question 3

Deaktivieren Sie die automatische Vervollständigung

Sie haben die unten Möglichkeiten zum Arbeiten mit Fehlern des untenstehenden Formats Eingabeelemente sollten Autocomplete-Attribute haben von der Konsole ausgelöst durch Ändern von:

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

Stellen Sie die ein autocomplete zuschreiben off Bei der <form> oder <input> die:
- Zwingt den Browser, KEINE Daten zu speichern
- Deaktiviert das Zwischenspeichern von Formulardaten im Sitzungsverlauf

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

Eine weitere Möglichkeit, das automatische Ausfüllen durch den Browser zu verhindern, ist:
Die folgenden Vorschläge sind browserspezifisch

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

Question 4

Aus Designdokumente von Chromium Projects:

Autocomplete-Attribute helfen Passwort-Managern, den Zweck eines Felds in einem Formular abzuleiten und sie davor zu bewahren, versehentlich die falschen Daten zu speichern oder automatisch auszufüllen.

Du kannst den … benutzen autocomplete -Attribut für ein HTML-Element, das von einem Passwort-Manager verwaltet werden muss, um seinen Wert automatisch zu füllen. Der Wert von autocomplete Das Attribut hängt von dem Feld ab, zu dem Sie weitere Informationen an den Passwortmanager übermitteln möchten. Betrachten Sie die folgenden Beispiele:

Aktuelles Passwortfeld – autocomplete="current-password"

Neues Passwortfeld – autocomplete="new-password"
Kreditkartenfeld – autocomplete="cc-number"

Question 5

TypeScript 3.9 veranlasste mich, autoComplete zu verwenden – Großbuchstabe „C“

Question 6

Es ist in Chrome. Es soll sicherstellen, dass die Passwortverwaltungsfunktion von Browsern und Erweiterungen die Registrierungs-, Anmelde- und Passwortänderungsformulare Ihrer Website verstehen kann, indem Ihr HTML mit einer Prise Metadaten angereichert wird.

das könnte dir helfen https://www.chromium.org/developers/design-documents/form-styles-that-chromium-understands

Question 7

React with Bootstrap erforderte, dass ich auch autoComplete mit Großbuchstaben “C” verwendete.

Question 8

Ich weiß, dass die Frage beantwortet wurde, dies ist für die Leute, die diese Warnmeldung von der Konsole entfernen möchten, während sie “reagieren.js“

Fügen Sie diese einfach in das Eingabefeld ein

              autoComplete="true"

hier ist die komplette

 <input type="password" className="form-control" placeholder="Password" 
                          autoComplete="true"
                          name="password"
                          required={true} />