Komponente laden...
Laden
Ich danke Ihnen! Ich werde
dieses Projekt so schnell wie möglich aktualisieren.
dieses Projekt so schnell wie möglich aktualisieren.
Huch! Beim Absenden des Formulars ist etwas schief gelaufen.
So aktivieren Sie die Google-Authentifizierung
So aktivieren Sie die Facebook-Authentifizierung
So aktivieren Sie die Spotify-Authentifizierung
Wie man die Dribbble-Authentifizierung aktiviert
Wie man die Github-Authentifizierung aktiviert
So aktivieren Sie die LinkedIn-Authentifizierung
So aktivieren Sie passwortlose Anmeldungen
So konfigurieren Sie die Kennwortüberprüfung
Passwort ein-/ausblenden
Wie man mit Profilbildern arbeitet
So fügen Sie einen Fluss für vergessene Passwörter hinzu
Wie man mit Kontrollkästchen arbeitet
Wie man Preistabellen konfiguriert
Über das Stripe-Kundenportal
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"aa0daa8a-1222-598c-7f8d-99529406758b","type":"Block","tag":"div","classes":[],"children":["aa0daa8a-1222-598c-7f8d-995294067592","aa0daa8a-1222-598c-7f8d-9952940675db"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"aa0daa8a-1222-598c-7f8d-995294067592","type":"FormWrapper","tag":"div","classes":[],"children":["aa0daa8a-1222-598c-7f8d-995294067593","aa0daa8a-1222-598c-7f8d-9952940675d5","aa0daa8a-1222-598c-7f8d-9952940675d8"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"aa0daa8a-1222-598c-7f8d-995294067593","type":"FormForm","tag":"form","classes":[],"children":["aa0daa8a-1222-598c-7f8d-99529406758d","aa0daa8a-1222-598c-7f8d-99529406758f","aa0daa8a-1222-598c-7f8d-995294067594","aa0daa8a-1222-598c-7f8d-9952940675ae","aa0daa8a-1222-598c-7f8d-9952940675d2"],"data":{"Source":{"tag":"Default form","val":{}},"form":{"type":"form","name":"signup"},"attr":{"id":"wf-form-signup","name":"wf-form-signup","data-name":"signup","redirect":"/password/success","data-redirect":"/password/success","action":"","method":"get"},"xattr":[{"name":"data-ms-form","value":"reset-password"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"aa0daa8a-1222-598c-7f8d-99529406758d","type":"Heading","tag":"h1","classes":[],"children":["aa0daa8a-1222-598c-7f8d-99529406758e"],"data":{"tag":"h1","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"aa0daa8a-1222-598c-7f8d-99529406758e","text":true,"v":"Check your email"},{"_id":"aa0daa8a-1222-598c-7f8d-99529406758f","type":"Block","tag":"div","classes":[],"children":["aa0daa8a-1222-598c-7f8d-995294067590","aa0daa8a-1222-598c-7f8d-995294067591"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"aa0daa8a-1222-598c-7f8d-995294067590","text":true,"v":"Please enter your 6-digit code. Then create and confirm your new password."},{"_id":"aa0daa8a-1222-598c-7f8d-995294067591","type":"LineBreak","tag":"br","classes":[],"children":[],"data":{"sym":{"inst":"LineBreak"}}},{"_id":"aa0daa8a-1222-598c-7f8d-995294067594","type":"Block","tag":"div","classes":[],"children":["aa0daa8a-1222-598c-7f8d-995294067595","aa0daa8a-1222-598c-7f8d-995294067597"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"aa0daa8a-1222-598c-7f8d-995294067595","type":"FormBlockLabel","tag":"label","classes":[],"children":["aa0daa8a-1222-598c-7f8d-995294067596"],"data":{"form":{"type":"label"},"attr":{"for":"password-3","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"aa0daa8a-1222-598c-7f8d-995294067596","text":true,"v":"6-digit code"},{"_id":"aa0daa8a-1222-598c-7f8d-995294067597","type":"FormTextInput","tag":"input","classes":[],"children":[],"data":{"form":{"name":"Token","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"token","data-name":"token","placeholder":"","type":"text","id":"token","disabled":false,"required":true},"xattr":[{"name":"maxlength","value":"6"},{"name":"minlength","value":"6"},{"name":"data-ms-member","value":"token"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"aa0daa8a-1222-598c-7f8d-9952940675ae","type":"Block","tag":"div","classes":[],"children":["aa0daa8a-1222-598c-7f8d-9952940675af","aa0daa8a-1222-598c-7f8d-9952940675b1","aa0daa8a-1222-598c-7f8d-9952940675c8"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"aa0daa8a-1222-598c-7f8d-9952940675af","type":"FormBlockLabel","tag":"label","classes":[],"children":["aa0daa8a-1222-598c-7f8d-9952940675b0"],"data":{"form":{"type":"label"},"attr":{"for":"password-2","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"aa0daa8a-1222-598c-7f8d-9952940675b0","text":true,"v":"New Password"},{"_id":"aa0daa8a-1222-598c-7f8d-9952940675b1","type":"FormTextInput","tag":"input","classes":[],"children":[],"data":{"form":{"name":"New Password","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"password","data-name":"New Password","placeholder":"","type":"password","id":"password","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"password"},{"name":"minlength","value":"8"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"aa0daa8a-1222-598c-7f8d-9952940675c8","type":"Block","tag":"div","classes":[],"children":["aa0daa8a-1222-598c-7f8d-9952940675c9"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"aa0daa8a-1222-598c-7f8d-9952940675c9","text":true,"v":"Must be at least 8 characters."},{"_id":"aa0daa8a-1222-598c-7f8d-9952940675d2","type":"FormButton","tag":"input","classes":[],"children":[],"data":{"form":{"type":"button","wait":"Please wait..."},"attr":{"type":"submit","value":"Reset password","data-wait":"Please wait...","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"aa0daa8a-1222-598c-7f8d-9952940675d5","type":"FormSuccessMessage","tag":"div","classes":[],"children":["aa0daa8a-1222-598c-7f8d-9952940675d6"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"aa0daa8a-1222-598c-7f8d-9952940675d6","type":"Block","tag":"div","classes":[],"children":["aa0daa8a-1222-598c-7f8d-9952940675d7"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"aa0daa8a-1222-598c-7f8d-9952940675d7","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"aa0daa8a-1222-598c-7f8d-9952940675d8","type":"FormErrorMessage","tag":"div","classes":[],"children":["aa0daa8a-1222-598c-7f8d-9952940675d9"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"aa0daa8a-1222-598c-7f8d-9952940675d9","type":"Block","tag":"div","classes":[],"children":["aa0daa8a-1222-598c-7f8d-9952940675da"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"aa0daa8a-1222-598c-7f8d-9952940675da","text":true,"v":"Oops! Something went wrong while submitting the form."},{"_id":"aa0daa8a-1222-598c-7f8d-9952940675db","type":"Link","tag":"a","classes":[],"children":["aa0daa8a-1222-598c-7f8d-9952940675dd"],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","attr":{"id":"","href":"#"},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"aa0daa8a-1222-598c-7f8d-9952940675dd","type":"Block","tag":"div","classes":[],"children":["aa0daa8a-1222-598c-7f8d-9952940675de"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"aa0daa8a-1222-598c-7f8d-9952940675de","text":true,"v":"Back to login"}],"styles":[],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":1,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Klonen in Webflow
Komponente kopieren
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"aa0daa8a-1222-598c-7f8d-99529406758b","type":"Block","tag":"div","classes":[],"children":["aa0daa8a-1222-598c-7f8d-995294067592","aa0daa8a-1222-598c-7f8d-9952940675db"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"aa0daa8a-1222-598c-7f8d-995294067592","type":"FormWrapper","tag":"div","classes":[],"children":["aa0daa8a-1222-598c-7f8d-995294067593","aa0daa8a-1222-598c-7f8d-9952940675d5","aa0daa8a-1222-598c-7f8d-9952940675d8"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"aa0daa8a-1222-598c-7f8d-995294067593","type":"FormForm","tag":"form","classes":[],"children":["aa0daa8a-1222-598c-7f8d-99529406758d","aa0daa8a-1222-598c-7f8d-99529406758f","aa0daa8a-1222-598c-7f8d-995294067594","aa0daa8a-1222-598c-7f8d-9952940675ae","aa0daa8a-1222-598c-7f8d-9952940675d2"],"data":{"Source":{"tag":"Default form","val":{}},"form":{"type":"form","name":"signup"},"attr":{"id":"wf-form-signup","name":"wf-form-signup","data-name":"signup","redirect":"/password/success","data-redirect":"/password/success","action":"","method":"get"},"xattr":[{"name":"data-ms-form","value":"reset-password"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"aa0daa8a-1222-598c-7f8d-99529406758d","type":"Heading","tag":"h1","classes":[],"children":["aa0daa8a-1222-598c-7f8d-99529406758e"],"data":{"tag":"h1","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"aa0daa8a-1222-598c-7f8d-99529406758e","text":true,"v":"Check your email"},{"_id":"aa0daa8a-1222-598c-7f8d-99529406758f","type":"Block","tag":"div","classes":[],"children":["aa0daa8a-1222-598c-7f8d-995294067590","aa0daa8a-1222-598c-7f8d-995294067591"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"aa0daa8a-1222-598c-7f8d-995294067590","text":true,"v":"Please enter your 6-digit code. Then create and confirm your new password."},{"_id":"aa0daa8a-1222-598c-7f8d-995294067591","type":"LineBreak","tag":"br","classes":[],"children":[],"data":{"sym":{"inst":"LineBreak"}}},{"_id":"aa0daa8a-1222-598c-7f8d-995294067594","type":"Block","tag":"div","classes":[],"children":["aa0daa8a-1222-598c-7f8d-995294067595","aa0daa8a-1222-598c-7f8d-995294067597"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"aa0daa8a-1222-598c-7f8d-995294067595","type":"FormBlockLabel","tag":"label","classes":[],"children":["aa0daa8a-1222-598c-7f8d-995294067596"],"data":{"form":{"type":"label"},"attr":{"for":"password-3","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"aa0daa8a-1222-598c-7f8d-995294067596","text":true,"v":"6-digit code"},{"_id":"aa0daa8a-1222-598c-7f8d-995294067597","type":"FormTextInput","tag":"input","classes":[],"children":[],"data":{"form":{"name":"Token","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"token","data-name":"token","placeholder":"","type":"text","id":"token","disabled":false,"required":true},"xattr":[{"name":"maxlength","value":"6"},{"name":"minlength","value":"6"},{"name":"data-ms-member","value":"token"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"aa0daa8a-1222-598c-7f8d-9952940675ae","type":"Block","tag":"div","classes":[],"children":["aa0daa8a-1222-598c-7f8d-9952940675af","aa0daa8a-1222-598c-7f8d-9952940675b1","aa0daa8a-1222-598c-7f8d-9952940675c8"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"aa0daa8a-1222-598c-7f8d-9952940675af","type":"FormBlockLabel","tag":"label","classes":[],"children":["aa0daa8a-1222-598c-7f8d-9952940675b0"],"data":{"form":{"type":"label"},"attr":{"for":"password-2","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"aa0daa8a-1222-598c-7f8d-9952940675b0","text":true,"v":"New Password"},{"_id":"aa0daa8a-1222-598c-7f8d-9952940675b1","type":"FormTextInput","tag":"input","classes":[],"children":[],"data":{"form":{"name":"New Password","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"password","data-name":"New Password","placeholder":"","type":"password","id":"password","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"password"},{"name":"minlength","value":"8"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"aa0daa8a-1222-598c-7f8d-9952940675c8","type":"Block","tag":"div","classes":[],"children":["aa0daa8a-1222-598c-7f8d-9952940675c9"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"aa0daa8a-1222-598c-7f8d-9952940675c9","text":true,"v":"Must be at least 8 characters."},{"_id":"aa0daa8a-1222-598c-7f8d-9952940675d2","type":"FormButton","tag":"input","classes":[],"children":[],"data":{"form":{"type":"button","wait":"Please wait..."},"attr":{"type":"submit","value":"Reset password","data-wait":"Please wait...","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"aa0daa8a-1222-598c-7f8d-9952940675d5","type":"FormSuccessMessage","tag":"div","classes":[],"children":["aa0daa8a-1222-598c-7f8d-9952940675d6"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"aa0daa8a-1222-598c-7f8d-9952940675d6","type":"Block","tag":"div","classes":[],"children":["aa0daa8a-1222-598c-7f8d-9952940675d7"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"aa0daa8a-1222-598c-7f8d-9952940675d7","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"aa0daa8a-1222-598c-7f8d-9952940675d8","type":"FormErrorMessage","tag":"div","classes":[],"children":["aa0daa8a-1222-598c-7f8d-9952940675d9"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"aa0daa8a-1222-598c-7f8d-9952940675d9","type":"Block","tag":"div","classes":[],"children":["aa0daa8a-1222-598c-7f8d-9952940675da"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"aa0daa8a-1222-598c-7f8d-9952940675da","text":true,"v":"Oops! Something went wrong while submitting the form."},{"_id":"aa0daa8a-1222-598c-7f8d-9952940675db","type":"Link","tag":"a","classes":[],"children":["aa0daa8a-1222-598c-7f8d-9952940675dd"],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","attr":{"id":"","href":"#"},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"aa0daa8a-1222-598c-7f8d-9952940675dd","type":"Block","tag":"div","classes":[],"children":["aa0daa8a-1222-598c-7f8d-9952940675de"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"aa0daa8a-1222-598c-7f8d-9952940675de","text":true,"v":"Back to login"}],"styles":[],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":1,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser nicht unterstützt. Verwenden Sie
Chrome oder Safari.
Chrome oder Safari.
Über diese Komponente
AI-generiert
Komponentenbeschreibung (von AI generiert)
This component serves as a password reset form, allowing users to enter a 6-digit code and create a new password. It is designed to be functional without any predefined styles.
Wesentliche Merkmale:
- Form for entering a 6-digit code and new password
- Erfolgs- und Fehlermeldungen für Benutzer-Feedback
- Redirects to a success page upon completion
- No styling included, allowing for full customization
Gestaltungselemente:
- Minimalist layout with basic input fields
- Clear headings and instructional text
- Responsive Design für verschiedene Geräte geeignet
Potenzielle Anwendungsfälle:
- Web applications requiring user authentication
- E-commerce sites needing secure password recovery
- Membership platforms with user accounts
- SaaS products that require user login management
Conclusion: The Unstyled Forgot Password - 2 component is a versatile and functional solution for password recovery, ideal for developers looking to implement a customizable form without predefined styles.
Mit dem Bau beginnen
Bauen Sie Ihre Träume
Memberstack ist 100% kostenlos, bis Sie bereit sind, zu starten - worauf warten Sie also noch? Erstellen Sie Ihre erste App und beginnen Sie noch heute mit der Entwicklung.