it-swarm.com.de

Wie kann ich Vorschläge für HTML-Eingabefelder deaktivieren?

Unter Vorschlägen verstehe ich, dass das Dropdown-Menü angezeigt wird, wenn Sie mit der Eingabe beginnen. Die Vorschläge basieren auf Ihren vorherigen Eingaben:

Example

wenn ich zum Beispiel 'a' in das Titelfeld tippe, bekomme ich eine Menge Vorschläge, was ziemlich nervig ist. Weiß jemand, wie man das ausschaltet? Danke im Voraus.

37
Joseph

Sie möchten, dass HTML autocomplete -Attribut deaktiviert wird.

Das Setzen von autocomplete = "off" hat hier zwei Auswirkungen:

Dadurch wird der Browser daran gehindert, Felddaten für eine spätere automatische Vervollständigung auf ähnlichen Formularen zu speichern, obwohl die Heuristiken je nach Browser variieren. Dadurch wird der Browser daran gehindert, Formulardaten im Sitzungsverlauf zwischenzuspeichern. Wenn Formulardaten im Sitzungsverlauf zwischengespeichert werden, werden die vom Benutzer eingegebenen Informationen angezeigt, nachdem der Benutzer das Formular gesendet und auf die Schaltfläche Zurück geklickt hat, um zur ursprünglichen Formularseite zurückzukehren.

Lesen Sie mehr auf MDN Network

Hier ist ein Beispiel, wie es geht.

<form action="#" autocomplete="on">
  First name:<input type="text" name="fname"><br> 
  Last name: <input type="text" name="lname"><br> 
  E-mail: <input type="email" name="email" autocomplete="off"><br>
  <input type="submit">
</form>

Wenn es sich um ein React Framework handelt, verwenden Sie Folgendes:

<input
    id={field.name}
    className="form-control"
    type="text"
    placeholder={field.name}
    autoComplete="off"
    {...fields}/>

Link zu Dokument reagieren

Update

Hier ist ein Update, das behebt, dass einige Browser das Flag "Autocomplete = Off" überspringen.

<form action="#" autocomplete="off">
  First name: <input type="text" name="fname" autocomplete="off" readonly onfocus="this.removeAttribute('readonly');"><br> Last name: <input type="text" name="lname" autocomplete="off" readonly onfocus="this.removeAttribute('readonly');"><br> E-mail:
  <input type="email" name="email" autocomplete="off" readonly onfocus="this.removeAttribute('readonly');"><br>
  <input type="submit">
</form>
44
CodeMonkey

Unter Chrome konnten wir nur die Methode autocomplete="new-password" Identifizieren, die das Ausfüllen aller Formulare verhinderte. Wenden Sie dies auf alle Eingaben an, die nicht automatisch vervollständigt werden sollen, und es wird erzwungen (auch wenn das Feld nichts mit Kennwörtern zu tun hat, z. B. SomeStateId Füllen mit Statusformularwerten). Weitere Informationen zu Chromium-Fehlern finden Sie unter diesem Link. .

Beachten Sie, dass dies nur in Chromium-basierten Browsern und in Safari durchgängig funktioniert. Firefox verfügt nicht über spezielle Handler für dieses new-password ( Einzelheiten hierzu finden Sie in dieser Diskussion ).

Update: Firefox kommt an Bord! Nightly v68.0a1 und Beta v67.0b5 (27.03.2013) Feature-Unterstützung für das Autocomplete-Attribut new-password. Stable-Releases sollten am 14.05.2013 verfügbar sein gemäß Roadmap .

7
bsplosion

Am Ende habe ich das Eingabefeld auf geändert

<textarea style="resize:none;"></textarea>

Sie werden für Textbereiche nie automatisch vervollständigt.

2
Peter B

verwenden autocomplete="off" Attribut

Quote: WICHTIG

Setzen Sie das Attribut auf das <input> Element, NICHT auf dem <form> Element

0
Gigo_G