Login/register form en CSS3, Html5 (+Bootstrap)

Présentation

Pour parfaire le design de votre site web, un formulaire de login élégant et efficace est nécessaire.

Dans un premier temps les services qui offrent un template complet (connexion, enregistrement, mot de passe) puis ceux qui proposent la connexion et l'enregistrement et enfin les simples templates de login.

En mode mobile vous avez accès à chaque catégorie par un insert au milieu droit de l'écran

Je vous propose 81 templates au 13 06 2022

Fenêtre de connexion, d'enregistrement et de mot de passe oublié
1. Adventures in MissionsTemplate (JS, jQuery)
2. ArieTemplate (CSS pur)
3. Beznosko AndrewTemplate (CSS pur)
4. Bianchi FabrizioTemplate (CSS pur)
5. Bianchi Fabrizio 2Template (CSS pur)
6. Condori WilliamTemplate (CSS, JS)
7. Eldmrdash MohamedTemplate (CSS, JS)
8. Eriksen JakobTemplate (CSS pur)
9. Fernando LucasTemplate (CSS, JS)
10. Html CodexTemplate (CSS pur)
11. Kerimov AgilTemplate (JS)
12. Mareddy Sreetha ReddyTemplate (jQuery, Bootstrap)
13. MdBootstrapTemplate (Bootstrap)
14. Mykhalchuk AndrewTemplate
15. Nauval Azhar MuhamadTemplate (Bootstrap.css, JS)
16. Nedev Kamen 2Template (JS, jQuery)
17. Saud NourTemplate (CSS, JS)
18. Web-Soluces.netTemplate (JS, jQuery)
19. Zsolt AnnarTemplate (JS, jQuery)

Fenêtre de connexion et d'enregistrement
1. Badr BahadouTemplate (Bootstrap)
2. Adhikari PuskarTemplate (JS)
3. Baruah HimangshuTemplate (CSS pur)
4. Biedermann MarcoTemplate (CSS)
5. Corti GabrieleTemplate (JS, React.js)
6. Eckhart AlexanderTemplate (JS, jQuery, Bootstrap)
7. Fernandez Grado PabloTemplate (CSS, JS)
8. Grozdic IvanTemplate (Css, Bootstrap)
9. Hasan MohamedTemplate (JS, jQuery, Bootstrap)
10. Helper ScriptTemplate (CSS, JS)
11. Hermanson EricTemplate (JS, jQuery)
12. Izi ModalModal Window (JS, jQuery)
13. Kvist DanielTemplate (JS)
14. Kang James ou Ms.ambariTemplate (JS, jQuery)
15. Kusuma Ardhana AldyTemplate (JS)
16. Matthew VincentTemplate (JS, React.js)
17. Nguyen HoangTemplate (JS)
18. Oliva Alonso RicardoTemplate (CSS, JS)
19. Pandey DevendraTemplate (CSS, JS)
20. Python TutorialsTemplate (JS, jQuery)
21. Rafif Danutirta NaufalTemplate (Popper.js, Bootstrap)
22. Rahman EftykharTemplate (CSS, JS)
23. Ro Hit BishtTemplate (JS)
24. Sami YousefTemplate (JS, jQuery, Bootstrap)
25. SmartEyeApps 2Template (JS, jQuery, Bootstrap)
26. Sorosky JoshTemplate (JS, jQuery)
27. Tabak KristinaTemplate (Bootstrap 4)
28. Tran Andy 2Template (JS)
29. Vineeth.TRTemplate
30. W3 HubsTemplate (Bootstrap 5)
31. Wells TraekTemplate (JS)
32. ZouraizTemplate (CSS, JS)

Fenêtre de connexion OU d'enregistrement simple
1. AzmindTemplate (JS, jQuery, Bootstrap)
2. Belagoun ChouaibTemplate (jQuery, Bootstrap)
3. Blow DivineTemplate (CSS pur)
4. Bold BrisTemplate (CSS pur)
5. BootdeyModal Window (JS, jQuery, Bootstrap)
6. Champion TomTemplate d'enregistrement (JS, jQuery)
7. ColorlibTemplate (JS, jQuery, Bootstrap)
8. Colorlib 2Template (JS, jQuery, Bootstrap)
9. Colorlib 3Template (JS, jQuery, Bootstrap)
10. Geeks For GeeksTemplate + modale (Css quasi pur)
11. Goktepe AtakanTemplate d'enregistrement (JS, jQuery)
12. Kantner JonTemplate (JS)
13. Martsoukos GeorgeTemplate d'enregistrement (CSS pur)
14. Nedev KamenTemplate + Forgot password(JS, jQuery, Twinmax)
15. Ozturk IbrahimAnimation (jQuery)
16. Pasianotto RiccardoTemplate d'enregistrement (JS, jQuery)
17. Perez Rivera NickTemplate d'enregistrement (CSS pur)
18. Php JabbersTemplate
19. Saiyed FaizanUI design (CSS pur)
20. Sarkar PranoyTemplate (CSS pur)
21. SmartEyeAppsTemplate (Bootstrap 5)
22. Solomka OlegTemplate (JS, jQuery, etc...)
23. Template RajTemplate (CSS pur)
24. Ubah KingsleyTemplate (CSS pur)
25. Vineeth.TR 2Template
26. Vitas FilipTemplate (JS, Lodash.js)
27. W3 LayoutsTemplate (Css pur)
28. Zone WebTemplate + modale (JS, jQuery)

Autre
1. Lopez JosetxuMot de passe (CSS, JS)
2. Stumpel CydPlaceHolder (CSS pur)

Services supprimés ou non Pris en Compte (PeC)
1. Ad Says (supprimé le 10-11-2020, site inaccessible)
2. Batura Anna (supprimé le 22-10-2021, s'affichage mal sur mobile)
3. Code Him (supprimé le 22-10-2021, trop de pub)
4. Hazelton Ian (supprimé le 22-10-2021, s'affichage mal sur mobile)
5. Jadhao Nikita (supprimé le 22-10-2021, s'affichage mal sur mobile)
6. Lavery Kyle (supprimé le 16-04-2022, pas responsive)
7. Luiz Maycon (supprimé le 22-10-2021, s'affichage mal sur mobile)
8. Nxusani Che (supprimé le 22-10-2021, s'affichage mal sur mobile)
9. Santos Dany (supprimé le 22-10-2021, s'affichage mal sur mobile)
10. Talanov Nikolay (supprimé le 22-10-2021, s'affichage mal sur mobile)
11. Tran Andy (supprimé le 22-10-2021, s'affichage mal sur mobile)
12. Tutorial Zine (supprimé le 22-10-2021, Trop petit sur mobile)
13. Tympanus + tuto (supprimé le 22-10-2021, s'affichage mal sur mobile)
14. W3 Schools + tuto (supprimé le 22-10-2021, obligé d'accepter les cookies)
15. Yang Charlie (supprimé le 22-10-2021, s'affichage mal sur mobile)

A droite, au milieu de l'écran,
l'accès par catégorie ->

Fenêtre de connexion, d'enregistrement et de mot de passe oublié

Adventures in Missions

Caractéristiques

Avec fenêtre modale
Javascript, jQuery
Contrôle présence des champs pas top !
Contrôles de cohérence password ou email (erreur sur le contrôle email)
Show password

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [28-02-2019 / [28-02-2019]

Arie

Caractéristiques

CSS pur
Templates: Connexion; S'enregistrer; Mot de passe oublié; Changer le mot de passe
Aucun contrôle
Parfaitement responsive. Ruptures: 768 et 1024 px
Jember, Indonésie

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [02-03-2022 / 02-03-2022]

Beznosko Andrew

- Proposition très complète
- Avec fenêtre modale

Caractéristiques

En CSS pur
Contrôle de présence des champs et de cohérence de l'adresse mail
Design un peu "brut" mais parfaitement responsive

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [02-08-2021 / 02-08-2021]

Bianchi Fabrizio - Rome, Italie

Caractéristiques

Présentation originale et efficace
Aucun contrôle
Le formulaire se déplie ou se replie en fonction des besoins
Le curseur suit

Image cliquable pour voir l'exemple

Références

Site web

Site de l'auteur

[Créé / modifié] [11-10-2021 / 11-10-2021]

Bianchi Fabrizio 2 - Rome, Italie

Caractéristiques

Présentation en accordéon
Aucun contrôle
Le formulaire se déplie ou se replie en fonction des besoins

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [11-10-2021 / 11-10-2021]

Condori William

- Du desktop au mobile

Caractéristiques

CSS, JS
Pas de glissement mais un remplacement avec transition
Aucun contrôle
Présentation gaie
Pérou

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [21-02-2022 / 21-02-2022]

Eldmrdash Mohamed

Caractéristiques

CSS, JS, rien d'autre
Design très original et très réussi
Hormis les contrôles et l'envoi tout y est et fort bien placé
Super
Zagazig, Égypte

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [11-02-2022 / 11-02-2022]

Eriksen Jakob

Caractéristiques

CSS pur
Une seule dépendance; Normalize.css
Aucun contrôle
Copenhague, Danemark

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [09-11-2021 / 09-11-2021]

Fernando Lucas

Caractéristiques

Template avec 5 pages, une par action: Connexion; Enregistrement; Mot de passe perdu; Erreur; Succès
Une modale avec les termes d'utilisation
CSS, JS, rien d'autre
Aucune dépendance
Aucun contrôle
Hyper complet
Recife, Brésil

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [02-03-2022 / 02-03-2022]

Html Codex

Caractéristiques

Simple template avec 3 pages, une par action
HTML5 et CSS3 purs
Aucune dépendance
Contrôles de cohérence de l'email et de présence des champs obligatoires
Logo ajustable facilement
Très simple et facile à utiliser

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [15-03-2021 / 15-03-2021]

Html Codex

Caractéristiques

Formulaire ultra complet
Il existe même la fonction "voir le mot de passe"
Contrôles de présence et de cohérence de tous les champs
Au positionnement le nom de la zone se déplace en exposant

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [09-10-2021 / 09-10-2021]

Mareddy Sreetha Reddy

Caractéristiques

CSS, Javascript, jQuery et Bootstrap 3.3.7
Sign up descend pour sign in en mode mobile, dommage !
Aucun contrôle
Hyderabad, Inde

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [03-11-2021 / 03-112021]

MdBootstrap (MDB5)

- L'original !

Caractéristiques

CSS, Popper.js, Bootstrap 5.1.3
Version gratuite 4.0
Avec fenêtre modale pour le mot de passe oublié
Contrôles de cohérence de l'email et de présence des champs obligatoires
Hyper complet
Formation quasi obligatoire
Au premier coup d'oeil on reconnait la patte Bootstrap

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [13-06-2022 / 13-06-2022]

Mykhalchuk Andrew

Caractéristiques

CSS, Animate.css, Javascript, jQuery, Parsley.js
Bootstrap 3.3.5
Avec fenêtre modale
Contrôles de cohérence de l'email et de présence des champs obligatoires
Envoi effectif
Très complet

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [01-02-2021 / 01-02-2021]

Nedev Kamen 2

Caractéristiques

Javascript, jQuery
Aucun contrôle
Quand on quitte la fenêtre de 'login', on ne peut plus y revenir

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [04-09-2020 / 04-09-2020]

Saud Nour

Caractéristiques

CSS, JS, rien d'autres
Aucun contrôle
Chacune des fonctions Login, Register, Forgot, Subscribe, Contact occupe une face du prisme
L'action 'Envoyer' est utilisée et amène sur une des faces du prisme : 'Merci'
Très très original
Menlo Park, Californie, USA

Image cliquable pour voir l'exemple

Références

Site web

Site de l'auteur

[Créé / modifié] [24-01-2022 / 24-01-2022]

Web-Soluces.net

- J'ai essayé de faire une synthèse utile
- Je suis parti de l'excellente base de Condori William

Caractéristiques

CSS, JS, jQuery
Sign in, Sign up et forgot password
Tous les champs sont obligatoires
Les mots de passe sont cachés. Il y a un icône sur lequel on peut cliquer pour les rendre visibles
Il y a également un indicateur du niveau de sécurité du mot de passe
Dans la partie 'enregistrement' j'ai ajouté une fenêtre modale qui permet de dire qu'on a bien lu les conditions d'utilisation
Pour changer je propose un design bleu plutôt que violet dans l'original
Pas de traitement

Image cliquable pour voir l'exemple

[Créé / modifié] [19-04-2022 / 19-04-2022]

Zsolt Annar

Caractéristiques

CSS, JS, jQuery
Arrivée glissante de la fenêtre
Aucun contrôle, aucune action
Jolie présentation

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [24-01-2022 / 24-01-2022]

Fenêtre de connexion et d'enregistrement

Badr Bahadou

Caractéristiques

CSS, JS, Bootstrap 5.0.0-alpha1
Contrôles de cohérence de l'email et de présence des champs obligatoires
Dark mode
Formation quasi obligatoire
Marrakech, Maroc

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [13-06-2022 / 13-06-2022]

Adhikari Puskar

- Du desktop au mobile

Caractéristiques

CSS, Javascript
Un popup pour la connexion, un autre pour l'enregistrement
Aucun contrôle, aucune action
Kathmandou, Népal

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [06-01-2022 / 06-01-2022]

Baruah Himangshu

- Du desktop au mobile

Caractéristiques

CSS pur
Au lieu de glisser, comme d'habitude, la page se tourne
Contrôle de présence des champs obligatoires
Mangaldai, Assam, Inde

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [21-02-2022 / 21-02-2022]

Biedermann Marco

- Pour mobile uniquement

Caractéristiques

CSS simple
Deux templates sans aucun lien entre eux
Aucune action
Berlin, Allemagne

Image cliquable pour voir l'exemple

Références

Site web

Site de l'auteur

[Créé / modifié] [17-03-2022 / 17-03-2022]

Corti Gabriele

- Du desktop au mobile

Caractéristiques

CSS, Javascript
Glissement pour passer du 'login' au 'register' et vice-versa
Aucun contrôle
Dans
"@media (max-width: 650px) {
.App {
flex-direction: column;
border-radius: 0;
width: 100vw;
..."
Ne pas laisser "width: 100vw", cela génère un ascenseur bas en mode mobile
Citoyen Européen

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [03-11-2021 / 03-11-2021]

Eckhart Alexander

Caractéristiques

Passage de la connexion à l'enregistrement par rotation
Bootstrap 3.3.4
Javascript, jQuery
Contrôle de présence champs avec signalement par vibration
Contrôle de cohérence du mot de passe entre les deux saisies

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [24-12-2018 / 24-12-2018]

Fernandez Grado Pablo

Caractéristiques

CSS, JS, rien d'autre
Passage de le connexion à l'enregistrement par superposition
Contrôle de cohérence de l'email
Option 'mot de passe en clair'

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [09-11-2021 / 09-11-2021]

Grozdic Ivan

Caractéristiques

Passage de le connexion à l'enregistrement par rotation verticale
Un seul état
CSS sans Javascript
Bootstrap 4.5
Aucun contrôle

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [31-07-2021 / 31-07-2021]

Hasan Mohamed

Caractéristiques

Passage de le connexion à l'enregistrement par double glissement
2 états : Desktop; Tablette, mobile
CSS, Javascript, jQuery
Bootstrap 3.3.7
Contrôle : Présence des champs obligatoires; Cohérence de l'email
Envoi de la demande
Template très complet et très sympa

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [21-11-2020 / 21-11-2020]

Helper Script

Caractéristiques

Simple template
CSS, JS, pas d'autre dépendance
Contrôles de cohérence de l'email seulement
Simple à utiliser

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [15-03-2021 / 15-03-2021]

Hermanson Eric

Caractéristiques

Javascript, jQuery
Normalize
Contrôle présence champs et cohérence email

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [23-12-2018 / 23-12-2018]

Izi Modal - Dolza Marcelo

Caractéristiques

Avec fenêtre modale
Belle transition d'affichage de la fenêtre
Par Dolza Marcelo
Javascript, jQuery
La validation est accompagnée d'une vibration de la fenêtre toute entière, on ne sait pas pourquoi
Une fois la zone saisie le 'label' disparait
Sortie uniquement par la croix

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [07-09-2020 / 07-09-2020]

Kang James alias Ms.ambari - Indonésie

Caractéristiques

Forme transparente
CSS, JS, jQuery
Aucun contrôle de présence et de cohérence des champs

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [11-10-2020 / 11-10-2020]

Kvist Daniel

Caractéristiques

Passage de le connexion à l'enregistrement par glissement
CSS, Normalize.css, Javascript
Belle transition
Aucun contrôle de présence des champs
Contrôle de cohérence de l'email
Joli effet de transparence

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [07-09-2020 / 07-09-2020]

Kusuma Ardhana Aldy

- Du desktop au mobile

Caractéristiques

CSS, Javascript
Très joli mouvement adaptatif
Contrôle cohérence de l'email
Jakarta, Indonésie

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [03-11-2021 / 03-11-2021]

Matthew Vincent

Caractéristiques

CSS, JS, Browser.js, React.js, React-dom.js
Contrôle de cohérence de l'adresse mail
Réaction au positionnement du champ
Animations de changement de fenêtre et d'affichage des champs agréables
Oakland, Californie, USA

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [02-02-2022 / 02-02-2022]

Nauval Azhar Muhamad

Caractéristiques

Javascript, jQuery, Popper.js
Bootstrap 4.3
Contrôles de présence des champs et de validité de l'adresse mail
Show password
Design agréable

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [31-10-2020 / 31-10-2020]

Nguyen Hoang - Ho Chi Minh, Vietnam

Caractéristiques

CSS, JS
Aucun contrôle
Animation originale lors du passage &u mode enregistrement

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [24-10-2021 / 24-10-2021]

Oliva Alonso Ricardo

- Pas responsive

Caractéristiques

CSS, JS, rien d'autre
Pas de dépendance
Effet de neumorphisme
Passage de la connexion à l'enregistrement par glissement
Aucun contrôle, aucune action

Références

Site web

[Créé / modifié] [17-01-2022 / 17-01-2022]

Pandey Devendra

Caractéristiques

CSS, JS, rien d'autre
Contrôle de cohérence de l'adresse mail
On passe du login à l'enregistrement par un double glissement vertical
Rollover sur les boutons 'sign in' et 'sign up'
Rendu très agréable
Népal

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [11-02-2022 / 11-02-2022]

Python Tutorials

Caractéristiques

CSS, JS, jQuery
Aucun contrôle ni action
On passe du login à l'enregistrement par un double glissement
Rollover sur 'back' et 'login'
Joli mouvement de retrait et de mise au premier plan

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [02-02-2022 / 02-02-2022]

Rafif Danutirta Naufal

- Semble être construit pour une utilisation mobile

Caractéristiques

CSS, JS, Popper.js, Bootstrap 5.0.1
Contrôle de cohérence de l'adresse mail
On passe, en mode desktop, du login à l'enregistrement par un double glissement.
L'image disparaît en mode mobile, le glissement devient simple.
Rollover sur tous les boutons
Le logo pourrait être mieux intégré
Indonésie

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [29-04-2022 / 29-04-2022]

Rahman Eftykhar

Caractéristiques

CSS, JS, rien d'autre
Contrôle de cohérence de l'adresse mail
On passe du login à l'enregistrement par un double glissement, horizontal en mode desktop, vertical en mode mobile
Rollover sur tous les boutons
Très réussi
Dhaka, Bangladesh

Image cliquable pour voir l'exemple

Références

Site web

Site de l'auteur

[Créé / modifié] [24-01-2022 / 24-01-2022]

Ro Hit Bisht

Caractéristiques

Passage de le connexion à l'enregistrement par glissement doux
CSS, Javascript, rien d'autre
Aucun contrôle ni envoi de la demande
Template design parfaitement responsive

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [17-11-2021 / 17-11-2021]

Sami Yousef

Caractéristiques

Passage de le connexion à l'enregistrement par recouvrement circulaire après déplacement du bouton
2 états (discutables): Desktop, tablette; Mobile
CSS, Javascript, jQuery
Bootstrap
Aucun contrôle ni envoi de la demande
Template design

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [21-11-2020 / 21-11-2020]

SmartEyeApps 2 + Sign in

Caractéristiques

CSS, jQuery, Popper.js
Bootstrap 4
Réseaux sociaux prévus
Aucun contrôle

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [02-08-2020 / 02-08-2020]

Solomka Oleg

Caractéristiques

Solomka Oleg dit 'Lego Mushroom'
CSS, JS, jQuery, Howler.js, Tween.js, Html2canvas.js
Cette fenêtre est un concept d'auto destruction, une idée à prendre ou à laisser
Aucun contrôle
Il faut examiner ce qui se passe après avoir cliqué sur la croix, en haut à droite
Seattle, Washington, USA

Image cliquable pour voir l'exemple

Références

Site web

Site de l'auteur

[Créé / modifié] [11-02-2022 / 11-02-2022]

Sorosky Josh

Caractéristiques

Passage de le connexion à l'enregistrement par glissement de la partie basse
CSS, Javascript, jQuery
Aucun contrôle
Fenêtre de bonjour aprè connexion
Fenêtre de message après inscription
Après envoi, la fenêtre se referme joliment

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [26-08-2020 / 26-08-2020]

Tabak Kristina

Caractéristiques

CSS, Javascript, jQuery, Popper.js
Bootstrap 4.3
Contrôle de présence des champs
Contrôle de cohérence de l'adresse mail
Ensemble cohérent

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [07-12-2020 / 07-12-2020]

Tran Andy 2

Caractéristiques

Passage du 'login' au 'sign in' par double glissements : Le 'login' s'échappe par le haut et le 'sign in' apparait par le bas
Transitions agréables
Javascript, jQuery
Aucun contrôle
Pas responsive
Habite à San Fransisco, CA

Image cliquable pour voir l'exemple

Références

Site web

Site de l'auteur

[Créé / modifié] [11-02-2021 / 11-02-2021]

Vineeth.TR

Caractéristiques

Passage de le connexion à l'enregistrement par recouvrement circulaire après déplacement du bouton
En d'autres mots : La couleur du bouton "+" remplit l'espace disponible pour ouvrir la fonction d'enregistrement
1 état
Aucun contrôle

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [08-01-2021 / [08-01-2021]

W3 Hubs

Caractéristiques

Avec fenêtre modale
CSS, JS, Popper.js
Boostrap 5
Contrôles de présence des champs et de cohérence de l'email
Réseaux sociaux prévus
très propre

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [27-12-2020 / 27-12-2020]

Wells Traek

- Du desktop au mobile

Caractéristiques

CSS, Normalize.css, Javascript
Classiquement la partie gauche passe en haut en mode mobile
Aucun contrôle, aucune action
Saint Paul, Minnesota, USA

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [06-01-2022 / 06-01-2022]

Zouraiz

- Du desktop au mobile

Caractéristiques

CSS, JS
Contrôle de présence des champs
Aucun contrôle, aucune action
Glissement avec arrêt élastique

Image cliquable pour voir l'exemple

Références

Site web

[Créé / modifié] [17-03-2022 / 17-03-2022]

Fenêtre de connexion simple

Azmind

Caractéristiques

3 états : Desktop; Tablette; Mobile
CSS, Javascript, jQuery
Bootstrap 3.3
Contrôle présence champs
Contrôle de cohérence de l'email

Références

Site web

[Créé / modifié] [18-06-2020 / 18-06-2020]

Belagoun Chouaib

Caractéristiques

CSS, JS, jQuery, Bootstrap.3.3.7
L'intérêt de cet exemple réside dans la présentation et le contrôle du mot de passe extrêmement complet
Djelfa, Algerie

Références

Site web

[Créé / modifié] [29-04-2022 / 29-04-2022]

Blow Divine

- Exercice de style "glassmorphism"
- TROP PETIT SUR MOBILE

Caractéristiques

Pour mobile
CSS et très peu de Javascript
Aucun contrôle
Le 'voir mot de passe', seul, fonctionne
L'animation nous fait oublier le sujet de la page

Références

Site web

[Créé / modifié] [28-02-2021 / 28-02-2021]

Bold Bris

Caractéristiques

Template minimum de login
CSS pur
Contrôle de présence des champs
Animations intéressante au positionnement du curseur dans la zone de saisie

Références

Site web

[Créé / modifié] [24-10-2021 / 24-10-2021]

Bootdey

Caractéristiques

Avec fenêtre modale
CSS, Javascript, jQuery
Bootstrap 3.3
Réseaux sociaux prévus
Aucun contrôle
Présentation nickel !
Il manque "jQuery_v1.11.1.js" dans le code proposé

Références

Site web

[Créé / modifié] [12-11-2020 / 12-11-2020]

Champion Tom - Enregistrement

Caractéristiques

Avec fenêtre modale en plein écran
CSS, JS, jQuery
Contrôle de présence des champs obligatoires
Proposition très propre

Références

Site web

[Créé / modifié] [29-12-2021 / 29-12-2021]

Colorlib

- 60 formulaires de connexion HTML5 et CSS3 gratuits pour site Web, forum ou WordPress

Caractéristiques

2 états : Bureau, tablette; Mobile
CSS, Animate.css, Hamburgers.css, Javascript, jQuery
Bootstrap 4.0
Contrôle présence champs et cohérence email

Références

Site web

[Créé / modifié] [23-12-2018 / 23-12-2018]

Colorlib 2

Caractéristiques

2 états : Bureau, tablette; Mobile
CSS, animate.css, Animsition.css, Javascript, jQuery, Daterangepicker, Select2, Popper.js
Bootstrap 4.0
Contrôle présence champs et cohérence email
Réseaux sociaux prévus

Références

Site web

[Créé / modifié] [23-12-2018 / 23-12-2018]

Colorlib 3

Caractéristiques

2 états : Bureau, tablette; Mobile
CSS, animate.css, Animsition.css, Javascript, jQuery, Daterangepicker, Select2, Popper.js
Bootstrap 4.0
Contrôle présence champs et cohérence email
Show password

Références

Site web

[Créé / modifié] [23-12-2018 / 23-12-2018]

Geeks For Geeks

- Fenêtre de login avec modale
- TROP PETIT SUR MOBILE

Caractéristiques

1 état multisupport
CSS, très très peu de JS
Contrôle présence champs
Ultra simple

Références

Site web

[Créé / modifié] [08-04-2021 / 08-04-2021]

Goktepe Atakan

Caractéristiques

Template d'enregistrement
Passage d'une fenêtre à l'autre par glissement
Trois étapes d'enregistrement. Il y a un accès direct à une étape
Javascript, jQuery
Aucun contrôle

Références

Site web

[Créé / modifié] [15-12-2020 / 15-12-2020]

Kantner Jon

Caractéristiques

Template de login sur une seule ligne avec saisie progressive
Prisme rectangulaire rotatif
CSS, Javascript
Contrôle de présence des champs

Références

Site web

[Créé / modifié] [04-09-2020 / 04-09-2020]

Martsoukos George - Enregistrement

Caractéristiques

Template d'enregistrement
CSS pur
Contrôle de présence des champs obligatoires et de cohérence de l'email
TutPlus, fait partie d'Envato et vous aide à acquérir des compétences créatives
Graphisme très original

Références

Site web

[Créé / modifié] [29-12-2021 / 29-12-2021]

Nedev Kamen

Caractéristiques

Avec fenêtre modale et forgot password
Tout en transparence
Javascript, jQuery, TwinMax
Aucun contrôle
Superbe !

Références

Site web

[Créé / modifié] [04-09-2020 / 04-09-2020]

Ozturk Ibrahim

Caractéristiques

Très belle présentation sobre et élégante
Quand on se positionne dans une zone, le 'label' est déporté en haut et à gauche de la zone et un icône apparaît.
CSS, jQuery
Aucun contrôle
Se referme très joliment après envoi
Beau concept !

Références

Site web

[Créé / modifié] [15-03-2021 / 04-11-2020]

Pasianotto Riccardo - Enregistrement

Caractéristiques

Template d'enregistrement
Avec enregistrement sur une seule ligne pour une saisie progressive
Javascript, Normalize.css, jQuery
Contrôle de cohérence de l'email
Pas responsive

Références

Site web

[Créé / modifié] [28-02-2019 / 28-02-2019]

Perez Rivera Nick - Enregistrement

Caractéristiques

Template d'enregistrement
Avec enregistrement sur une seule ligne pour une saisie progressive
CSS pur
Contrôle de cohérence de l'email
On ne peut pas passer au champ suivant tant que le champ sur lequel on est n'est pas renseigné
Philadelphia, Pennsylvanie, USA

Références

Site web

[Créé / modifié] [03-11-2021 / 03-11-2021]

PhpJabbers Com

Caractéristiques

Template de login en PHP
jQuery et Bootstrap 3.0
Contrôle de cohérence de l'email et des champs obligatoires
Et aussi beaucoup d'autres scripts sur cet annuaire

Références

Site web

[Créé / modifié] [01-02-2021 / 01-02-2021]

Saiyed Faizan

- Pas reponsive

Caractéristiques

CSS pur, UI design
Rollover uniquement sur le bouton 'forgot password'
Aucun contrôle, aucune action... évidemment
Proposition originale et équilibrée
Vadodara, Gujarat, Inde

Références

Site web

[Créé / modifié] [09-04-2022 / 09-04-2022]

Sarkar Pranoy

Caractéristiques

CSS pur
Effet de neumorphisme
Rollover sur le bouton et les champs
Aucun contrôle, aucune action

Références

Site web

[Créé / modifié] [17-01-2022 / 17-01-2022]

SmartEyeApps

Caractéristiques

Bootstrap 5
Belles transitions
Aucun contrôle
Réseaux sociaux prévus
Pas responsive
Belle transparence

Références

Site web

[Créé / modifié] [02-08-2020 / 02-08-2020]

Template Raj

Caractéristiques

CSS pur
Effet de neumorphisme
Rollover sur le bouton 'login'
Aucun contrôle, aucune action

Références

Site web

[Créé / modifié] [17-01-2022 / 17-01-2022]

Ubah Kingsley - Enregistrement

- Avec TUTO

Caractéristiques

CSS pur
Aspect moderne
Aucun contrôle
Étiquettes flottantes et transitions fluides très agr&ables à l'oeil

Références

Site web

[Créé / modifié] [17-11-2021 / 17-11-201]

Vineeth.TR 2

Caractéristiques

Template de login sur une seule ligne pour une saisie progressive
On est obligé d'effectuer une saisie pour passer au champ suivant
Affichage d'un icône spécifique à chaque champ
Retour arrière champ par champ
CSS, Javascript, jQuery
Le curseur n'est pas positionné dans le champ

Références

Site web

[Créé / modifié] [08-01-2021 / [15-03-2021]

Vitas Filip

Caractéristiques

CSS, JS, Lodash.js
Aucun contrôle
Une seule action "voir" le mot de passe
J'adore la gestuelle du chien !
Belgrade, Serbie

Références

Site web

[Créé / modifié] [02-02-2022 / 02-02-2022]

W3 Layouts

Caractéristiques

Pub très pénible sur ce site
Contrôles de présence des champs

Références

Site web

[Créé / modifié] [23-02-2019 / 23-02-2019]

Zone Web

Caractéristiques

Avec fenêtre modale et tuto
Ouverture de la fenêtre sympa !
CSS, JS, jQuery, Materialize
Aucun contrôle

Références

Site web

[Créé / modifié] [15-12-2020 / [15-12-2020]

Éléménts constitutifs

Lopez Josetxu

- Nécessite absolument :
'https:// codepen.io/ kunukn/pen/ jVOJrw/ 81d2a0d609b2dd7 ade6aeb5d5be42e24.js'

Caractéristiques

Show password - Scan mode
CSS, JS
Une info bulle pour les trois états: Zone mot de passe vide; Mot de passe à cacher; Voir le pot de passe
Chaque état possède sa propre couleur
Mode 'scan' très original
Aucun contrôle

Références

Site web

Site de l'auteur

[Créé / modifié] [12-05-2022 / [12-05-2022]

Stumpel Cyd

Caractéristiques

PlaceHolder
CSS pur
4 propositions suffisantes
Amsterdam, Pays-BAs

Références

Site web

Site de l'auteur

[Créé / modifié] [12-05-2022 / [12-05-2022]