Analyse und Lösung der Ursache für den Verlust des Webseitenstils durch das automatische Ausfüllen von Formularen durch den Browser
|
Vom Backend zum Frontend: was für eine Tragödie. Als ich das CSS einer anderen Person in meine JSP-Webseite integrierte, trat ein seltsames Phänomen auf. Die Gegenpartei hat mir eine HTML-Datei bereitgestellt und nach dem Öffnen war der angezeigte Stil normal. Anschließend habe ich den Code in meine JSP-Seite kopiert und es trat ein seltsames Phänomen auf. Dies ist eine Anmeldeseite mit einem Eingabefeld für den Benutzernamen und einem Eingabefeld für das Passwort. Stellen Sie die Webseite auf dem Webserver bereit und öffnen Sie sie über den Browser. Sie stellen fest, dass die Stile der beiden Eingabefelder verloren gegangen sind. Der Stil kann nur dann normal angezeigt werden, wenn die Namensattribute der beiden Eingabefelder auf denselben Namen eingestellt sind. Ich habe mit dem Chrome-Plugin nachgeschaut und festgestellt, dass entsprechende Styles vorhanden sind, diese bei der Anzeige im Browser allerdings ungültig sind und durch die Styles ersetzt werden, die mit WebKit mitgeliefert werden. Es ist jedoch kein Problem, es mit der gleichen Browserversion auf anderen Computern zu öffnen. Schließlich half mir ein Kollege, der sich mit Webentwicklung auskannte, den Grund zu finden. Es lag daran, dass ich den Benutzernamen und das Passwort dieser Anmeldeseite im Browser gespeichert hatte, als ich sie auf meinem lokalen Computer testete. Als ich diese Seite öffnete, füllte Chrome den Benutzernamen und das Passwort automatisch aus und ersetzte den Webseitenstil durch den Standardstil von WebKit, bei dem es sich um ein Eingabefeld mit gelbem Hintergrund handelt, um den Benutzer darauf hinzuweisen, dass dies der automatisch ausgefüllte Formularinhalt ist. Löschen Sie einfach den von Chrome gespeicherten Benutzernamen und das Passwort dieser Webseite. |
<<: CSS-Beispielcode zum Erzielen eines kreisförmigen Fortschrittsbalkeneffekts mit Farbverlauf
>>: Interpretation und Verwendung verschiedener React-State-Manager
Artikel empfehlen
Geplante vollständige MySQL-Datenbanksicherung
Inhaltsverzeichnis 1. MySQL-Datensicherung 1.1. m...
Lösung für das Problem des MySQL-Threads beim Öffnen von Tabellen
Problembeschreibung Vor kurzem gab es einen MySQL...
MySQL-Serie Multi-Table Join Abfrage 92 und 99 Syntaxbeispiele ausführliches Tutorial
Inhaltsverzeichnis 1. Kartesisches Produktphänome...
Einführung in Spark und Vergleich mit Hadoop
Inhaltsverzeichnis 1. Spark vs. Hadoop 1.1 Nachte...
Detaillierte Erklärung und Erweiterung von ref und reactive in Vue3
Inhaltsverzeichnis 1. Ref und reaktiv 1. reaktiv ...
Lösung für das Problem des wiederholten Auftauchens des Nachrichten-Popup-Fensters von Element
Inhaltsverzeichnis 1. Verwendung 2. Lösen Sie das...
Detaillierte Erläuterung des Aufbaus und der Verwendung des Docker Private Warehouse
Das Image kann auf hub.docker.com gespeichert wer...
Bootstrap realisiert den Karusselleffekt
In diesem Artikel wird der spezifische Code von B...
Eine allgemeine Methode zur Implementierung eines unendlichen Textkarussells mit nativem CSS
Textkarussells sind in unserem täglichen Leben we...
Zusammenfassung der MySQL-Zeitstatistikmethoden
Beim Erstellen von Datenbankstatistiken müssen Si...
Beim Aktualisieren der automatisch inkrementierten Primärschlüssel-ID in MySQL sind Probleme aufgetreten
Inhaltsverzeichnis Warum die Auto-Inkrement-ID ak...
Lösung für vergessenes Linux MySQL-Root-Passwort
Wenn Sie sich bei der Verwendung der MySQL-Datenb...
Zusammenfassung der Verwendung von vue Watch und Computed
Inhaltsverzeichnis 01. Hörer beobachten (1) Funkt...
XHTML 1.0-Referenz
Nach Funktion sortierenNN: Gibt an, welche frühere...
Beispiel für reines CSS zum Ändern des Bildlaufleistenstils des Browsers
Verwenden Sie CSS, um den Stil der Bildlaufleiste...