Achtung!

Dieser Artikel enthält PHP-Code und richtet sich an Entwickler. Wir stellen diesen Code als Service zur Verfügung, bieten jedoch keine Unterstützung für Codeanpassungen oder die Entwicklung durch Dritte.

Für zusätzliche Hilfe siehe das Tutorial von WPBeginner zum Hinzufügen von benutzerdefiniertem Code.

Schließen

Deaktivieren der Browser-Autocomplete für Formularfelder

Möchten Sie verhindern, dass Browser Ihre Formularfelder automatisch ausfüllen? Während die Browser-Autovervollständigung praktisch sein kann, gibt es Zeiten, in denen Benutzer ihre Informationen manuell eingeben müssen.

Diese Anleitung zeigt Ihnen, wie Sie die Autovervollständigungsfunktion für bestimmte Formulare oder Felder mit PHP-Code-Snippets deaktivieren.

Bevor Sie Autovervollständigungsbeschränkungen implementieren, ist es wichtig zu verstehen:

  • Browser-Einstellungen haben in der Regel Vorrang vor HTML-Attributen und JavaScript
  • Das Attribut autocomplete="off" signalisiert Ihre Präferenz für Browser
  • Moderne Browser respektieren diese Einstellung im Allgemeinen, aber einige können sie überschreiben
  • Die Browserunterstützung variiert (prüfen Sie die MDN-Kompatibilitätstabelle)

Einrichtung Ihres Formulars

Zuerst müssen Sie Ihr Formular erstellen und Ihre Formularfelder hinzufügen. Wenn Sie dabei Hilfe benötigen, lesen Sie bitte unsere Anleitung zum Erstellen Ihres ersten Formulars.

Autovervollständigung deaktivieren

Sie können die Autovervollständigung entweder für alle Felder eines Formulars oder für bestimmte Felder deaktivieren. Hier sind beide Ansätze:

Autovervollständigung für alle Felder in einem Formular deaktivieren

Autovervollständigung für bestimmte Felder deaktivieren

Der folgende Snippet zielt speziell auf das Feld E-Mail ab. Um einen anderen Feldtyp anzusprechen, müsste der Filter (wpforms_field_properties_email) angepasst werden.

Denken Sie daran, die obigen Snippets zu aktualisieren, damit sie mit Ihren eigenen Formular- und Feld-IDs übereinstimmen. Wenn Sie Hilfe beim Auffinden dieser IDs benötigen, lesen Sie bitte unsere Anleitung zum Auffinden von Formular- und Feld-IDs.

Hintergrundinformationen zum Autocomplete-Attribut und Ansätze zum Deaktivieren finden Sie in der MDN-Dokumentation.

Hintergrundinformationen zum Autocomplete-Attribut und Ansätze zum Deaktivieren finden Sie in der offiziellen Mozilla-Dokumentation

Und das ist alles, was Sie brauchen, um die Browser-Autovervollständigung 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 „Formular hinzufügen“-Schaltfläche aus dem TinyMCE-Editor entfernen.

Referenzfilter