Verbesserung der Erfahrung und gemeinsame Nutzung des interaktiven Designs von 163 Mailbox-Anmeldefeldern
|
Ich habe im LOFTER-Wettbewerb gesehen, dass erwähnt wurde, dass das Anmeldefeld neu gestaltet werden könnte. In den letzten zwei Tagen habe ich die E-Mail-Anmeldeseiten anderer Plattformen verglichen. Schließlich habe ich einige Module von 163 selbst kombiniert und die E-Mail-Anmeldeseite leicht verbessert. Ich habe weniger als 3 Tage gebraucht, um das fertigzustellen, und ich war ziemlich beeilt. Ich freue mich über Ihre Anleitung und wäre sehr dankbar.  Nach der Eingabe des richtigen Benutzernamens wird im Kennworteingabefeld eine Schaltfläche „?“ angezeigt, damit Benutzer, die ihr Kennwort vergessen haben, dieses schnell abrufen können. Wenn der Benutzer auf das Eingabefeld klickt, verschwindet die Eingabeaufforderung „?“. Wenn Sie das Kennwortfeld verlassen, ohne Zeichen einzugeben, wird die Eingabeaufforderung „?“ weiterhin angezeigt. Wenn das Passwort eingegeben wird, verschwindet die „?“-Abfrage. Wenn das Passwort nach dem Klicken auf „OK“ falsch ist, verschwindet das „?“ und darunter wird ein Dialogfeld angezeigt, das den Benutzer zum nächsten Schritt führt. |
<<: Praxis der Bereitstellung von in Python geschriebenen Webanwendungen mit Docker
>>: CSS-Code zum Erstellen von 10 modernen Layouts
Artikel empfehlen
Vue 2.0 Grundlagen im Detail
Inhaltsverzeichnis 1. Funktionen 2. Beispiele 3. ...
So fügen Sie einem Feld in MySQL eine Standardzeit hinzu
Unterschiede und Verwendungen von Datumstypen MyS...
Beispiel zum Einbetten von H5 in die Webansicht des WeChat-Applets
Vorwort WeChat-Miniprogramme bieten neue offene F...
Detaillierte Erklärung des Mindestbreitenwerts von Inline-Blöcken in CSS
Vorwort Vor kurzem habe ich mir abends etwas Zeit...
MySQL-Lernhinweise: Daten-Engine
Sehen Sie sich die von der aktuellen Datenbank un...
Verwenden Sie Javascript, um eine dynamische QQ-Registrierungsseite zu erstellen
Inhaltsverzeichnis 1. Einleitung 1. Grundlayout 2...
Vue implementiert die Bildfrequenzwiedergabe des Karussells
In diesem Artikelbeispiel wird der spezifische Co...
Detaillierte Erklärung zum Einrichten eines DNS-Servers unter Linux
1. DNS-Server-Konzept Die Kommunikation im Intern...
Die jQuery + Swiper-Komponente realisiert den Umschalteffekt der gleitenden Jahresregisterkarte in der Zeitleiste
Ergebnis: Implementierungscode: Muss mit der Swip...
Detaillierte Erläuterung des Zahlungsfunktionscodes des Vue-Projekts
1. Alipay-Methode: Alipay-Methode: Klicken Sie zu...
So implementieren Sie Web-Stresstests mit Apache Bench
1. Einführung in Apache Bench ApacheBench ist ein...
Implementierung eines einfachen Chatroom-Dialogs basierend auf WebSocket
In diesem Artikel finden Sie den spezifischen Cod...
Vue-Tutorial zur erweiterten Verwendung dynamischer Komponenten
Inhaltsverzeichnis Grundlegende Beschreibung AST-...
Implementierung der Optimierung für das Laden ausgewählter Mehrfachdaten in Element
Inhaltsverzeichnis Szenario Code-Implementierung ...
Ungewöhnliche, aber nützliche Tags in Xhtml
Xhtml hat viele Tags, die nicht häufig verwendet w...