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
So verwenden Sie „Explain“, um den SQL-Ausführungsplan in MySql abzufragen
Der Befehl „Explain“ ist die primäre Möglichkeit,...
HTML-Tabellen-Markup-Tutorial (43): VALIGN-Attribut der Tabellenüberschrift
In vertikaler Richtung können Sie die Ausrichtung...
HTML-Tutorial: DOCTYPE-Abkürzung
Beim Schreiben von HTML-Code sollte die erste Zei...
So installieren Sie Jenkins auf CentOS 8
Um Jenkins auf CentOS 8 zu installieren, müssen S...
Tägliches automatisches Backup der MySQL-Datenbank mit mysqldump in Centos7 schreiben
1. Voraussetzungen: Die Datenbanksicherung ist be...
Analyse der CentOS6-Methode zum Bereitstellen von Kafka-Projekten mithilfe von Docker
In diesem Artikel wird beschrieben, wie Sie Docke...
Lösen Sie das Spleißproblem beim Löschen von Bedingungen in myBatis
Ich habe heute gerade Mybatis gelernt und einige ...
Detaillierte Erklärung zum Hinzufügen eines Klickereignisses im Echarts-Tooltip in Vue
Inhaltsverzeichnis brauchen Problemumgehung 1. To...
Verwenden Sie reines CSS, um einen Switch-Effekt zu erzielen
Zuerst ist die Idee Um diesen Effekt zu erzielen,...
Detaillierte Erklärung zum Bereitstellen von H5-Spielen auf einem Nginx-Server
Auf dem Weg zur selbstlernenden Spieleentwicklung...
Ein kurzer Vortrag über Rx-responsive Programmierung
Inhaltsverzeichnis 1. Beobachtbar 2. Funktionen h...
CSS Transition erweitert und reduziert Elemente durch Ändern der Höhe
Ein allgemeines Entwicklungsbedürfnis besteht dar...
Allgemeine Linux-Befehle chmod zum Ändern der Dateiberechtigungen 777 und 754
Der folgende Befehl wird häufig verwendet: chmod ...
Eine kurze Diskussion zur MySQL-Indexoptimierungsanalyse
Warum sind die von Ihnen geschriebenen SQL-Abfrag...
HTML-Formular_PowerNode Java Academy
1. Formular 1. Die Rolle des Formulars HTML-Formu...