Möchten Sie verhindern, dass Browser Ihre Formularfelder automatisch ausfüllen? Das automatische Ausfüllen durch den Browser kann zwar praktisch sein, aber manchmal müssen die Benutzer ihre Informationen manuell eingeben.
Diese Anleitung zeigt Ihnen, wie Sie die Autovervollständigungsfunktion für bestimmte Formulare oder Felder mithilfe von PHP-Codefragmenten deaktivieren können.
Bevor Sie Einschränkungen für die automatische Vervollständigung einführen, sollten Sie wissen, worauf es ankommt:
- Browser-Einstellungen haben in der Regel Vorrang vor HTML-Attributen und JavaScript
- Die
autocomplete="off"Attribut signalisiert den Browsern Ihre Präferenz - Moderne Browser respektieren diese Einstellung im Allgemeinen, aber einige können sie außer Kraft setzen
- Die Browserunterstützung variiert (siehe MDN-Kompatibilitätstabelle)
Einrichten Ihres Formulars
Zunächst müssen Sie Ihr Formular erstellen und Ihre Formularfelder hinzufügen. Wenn Sie dabei Hilfe benötigen, lesen Sie bitte unseren Leitfaden zur Erstellung Ihres ersten Formulars.
Autovervollständigen deaktivieren
Sie können die automatische Vervollständigung entweder für ein ganzes Formular oder für bestimmte Felder deaktivieren. Hier sind beide Ansätze:
Autovervollständigen für alle Felder in einem Formular deaktivieren
Autovervollständigung für bestimmte Felder deaktivieren
Das folgende Snippet zielt speziell auf die E-Mail Feld. Um einen anderen Feldtyp zu wählen, muss der Filter (wpforms_field_properties_email) müsste angepasst werden.
Denken Sie daran, die obigen Schnipsel zu aktualisieren, damit sie mit Ihren eigenen Formular- und Feld-IDs übereinstimmen. Wenn Sie Hilfe bei der Suche nach diesen IDs benötigen, lesen Sie bitte unseren Leitfaden zur Suche nach Formular- und Feld-IDs.
Hintergrundinformationen zum Attribut autocomplete und Möglichkeiten, es zu deaktivieren, finden Sie in der MDN-Dokumentation.
Das ist alles, was Sie brauchen, um die automatische Vervollständigung im Browser für Ihre WPForms zu deaktivieren. Möchten Sie als nächstes die Schaltfläche " Formular hinzufügen" im klassischen Editor deaktivieren? Probieren Sie unser Tutorial zum Entfernen der Schaltfläche "Formular hinzufügen" aus dem TinyMCE-Editor aus.