2017-08-23 3 views
0

Ich habe ein Formular auf meiner Website gebrochen durch Safari zur automatischen Vervollständigung wie folgt aus: enter image description hereSafari zur automatischen Vervollständigung bricht ein Eingabeformular

ich versucht habe die automatische Vervollständigung zu deaktivieren, aber keinen Einfluss. Hier ist mein first_name html-Eingang:

<div class="form-group" _v-3d7f6581=""> 
    <label class="control-label" _v-3d7f6581="">First Name*</label> 
    <input name="first_name" type="text" class="form-control" required="" autocomplete="off" _v-3d7f6581=""> 
    <small class="help-block" _v-3d7f6581="" style="display: none;"></small> 
</div> 

css:

.form-group input[type=text], 
.form-group input[type=password], 
.form-group input[type=number], 
.form-group input[type=email], 
.form-group select, 
.form-group textarea { 
    display: block; 
    width: 100%; 
} 

Jede Lösung dieses Problem zu beheben haben?

+0

Fragen Sie, wie Sie die automatische Vervollständigung deaktivieren oder wie Sie das Problem beheben können? – Will

+0

Sorry, gerade aktualisiert Post. Ich bitte darum, dieses Problem zu beheben. –

+0

Also wie genau ist das "per Autocomplete" kaputt? Du hast gesagt, dass du es über das HTML-Attribut ausgeschaltet hast, aber der Effekt wird immer noch angezeigt. Wird diese Show erst angezeigt, nachdem Sie Werte über Autocomplete ausgewählt haben, aber nicht, wenn Sie diese Werte manuell in die Formularfelder eingegeben haben? – CBroe

Antwort

1

Sie können das CSS von automatisch abgeschlossenen Eingaben direkt mit dem Webkit bearbeiten! Achten Sie bei der Verwendung darauf, dass Sie auf plattformübergreifende Kompatibilität prüfen, da Sie angegeben haben, dass dieses Problem Safari-spezifisch ist. Es könnte sich als vorteilhaft erweisen, dies zu Ihrem Vorteil zu nutzen und die Änderungen nur auf Safari anzuwenden.

Sie können die gleichen Einstellungen auf alle Ihre Eingaben anwenden, indem Sie die CSS-Bezeichner, -Klassen usw. zusammenfassen!

Weitere Informationen zur Verwendung von Webkit zum Bearbeiten von Autovervollständigungsformularen, checkout this article here!

Verwandte Themen