Erstens gibt es in HTML5 ein neues Attribut zur automatischen Vervollständigung. Das Attribut „Autovervollständigung“ gibt an, ob das Formular die automatische Vervollständigung aktivieren soll. Es ermöglicht dem Browser, die Eingabe in das Feld vorherzusagen. Wenn der Benutzer mit der Eingabe in ein Feld beginnt, sollte der Browser Optionen zum Ausfüllen des Felds basierend auf den zuvor eingegebenen Werten anzeigen.
wie:
<form autocomplete=on> Vorname:<input type=text name=fname /><br /> Nachname: <input type=text name=lname /><br /> E-Mail: <input type=email name =email autocomplete=off /><br /> <input type=submit /></form><p>Bitte füllen Sie dieses Formular aus und senden Sie es ab. Laden Sie dann die Seite neu, um zu sehen, wie die Funktion zur automatischen Vervollständigung funktioniert. </p><p>Bitte beachten Sie, dass die Funktion zur automatischen Vervollständigung des Formulars aktiviert und das E-Mail-Feld deaktiviert ist. </p>
Sie werden feststellen, dass „autocomplete=on“ aufgezeichnet wird, E-Mails mit „autocomplete=off“ jedoch nicht aufgezeichnet werden, wenn Sie sie erneut eingeben. Dies ist die Funktion zur automatischen Vervollständigung von Formularen in HTML5!
Wenn Sie sich noch nicht sicher sind, können Sie das w3school-Handbuch lesen, um mit dem Lernen fortzufahren.
So deaktivieren Sie die automatische VervollständigungManchmal möchten wir die automatische Vervollständigung des Eingabefelds deaktivieren. Wenn der Benutzer beispielsweise Inhalte eingibt, möchten wir die AJAX-Technologie verwenden, um in der Datenbank zu suchen und diese aufzulisten, anstatt im Verlauf des Benutzers zu suchen.
Es gibt drei Möglichkeiten, die Autovervollständigungsfunktion des Eingabefelds zu deaktivieren:
1. Legen Sie den Inhalt im Internet-Optionsmenü von IE fest – Autocomplete.
2. Aktivieren oder deaktivieren Sie die automatische Vervollständigung des Formulars, um die Funktion zur automatischen Vervollständigung ein- oder auszuschalten.
(Deaktivieren Sie die gesamte automatische Eingabeaufforderungsfunktion des Formulars.)
3. Stellen Sie die automatische Vervollständigung des Eingabefelds ein oder aus, um die automatische Vervollständigung des Eingabefelds ein- oder auszuschalten (schalten Sie die automatische Vervollständigung des Passwortfelds aus).
Testcode: (Geben Sie Text in jedes Formular ein und senden Sie es ab. Überprüfen Sie dann erneut, ob es automatisch vervollständigt werden kann. Beachten Sie, dass der Verlauf erst nach der Übermittlung vervollständigt werden kann. Nach der Übermittlung können auf der Seite Fehler auftreten. Don' Mach dir keine Sorgen, geh einfach zurück.
Formular mit aktivierter automatischer Vervollständigung<br>
<form name=form1 autocomplete=on> Eingabefeld mit Autovervollständigungsfunktion einschalten <input type=text autocomplete=on ><br> Eingabefeld mit Autovervollständigungsfunktion ausschalten <input type=text autocomplete=off><br> < Eingabetyp =submit value=submit><br> </form>
Formular mit deaktivierter automatischer Vervollständigung<br>
<form name=form1 autocomplete=off> Eingabefeld mit Autovervollständigungsfunktion einschalten <input type=text autocomplete=on><br> Eingabefeld mit Autovervollständigungsfunktion ausschalten <input type=text autocomplete=off><br> < Eingabetyp =submit value=submit><br> </form>
Vorschlag: Deaktivieren Sie nicht alle Autovervollständigungsfunktionen nach Bedarf. Wenn Sie der Meinung sind, dass die integrierte Autovervollständigungsfunktion nicht leistungsstark genug ist, können Sie das JQuery-Plug-In verwenden um eine leistungsfähigere Funktion zur automatischen Vervollständigung von Eingabeaufforderungen zu erreichen.
Beispielsweise ist die automatische Eingabeaufforderungsfunktion des Baidu-Suchfelds sehr leistungsstark.
Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass er für das Studium aller hilfreich ist. Ich hoffe auch, dass jeder das VeVb Wulin Network unterstützt.