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





 

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

login/registration/password form

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

template de login, register en CSS pure

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

template de eonnexionet d'enregistrement en CSS pur

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

template de connexion accordeon

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

template de connexion accordeon

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

login/registration avec remplacement

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

template de login, register, forgot password

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

template de connexion, indcription gratuit en html5 et css3

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

template de connexion, indcription gratuit en html5 et css3

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

template de connexion, indcription gratuit en html5 et css3

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

template de connexion tres complet

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

formulaire de login/register avec mot de passe perdu

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

formulaire de login/register gratuit MDB5

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

formulaire de login/register gratuit tres complet

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

cré un formulaire de login par prisme rectangulaire rotatif

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

formulaire prismatique

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

formulaire de login/register gratuit complet

[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

formulaire de login/register gratuit tres complet

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

formulaire de login/register avec bootstrap 5.0.0

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

sign in, sign out du desktop au mobile

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

sign in, sign out avec la page qui se tourne

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

un template de login et un d'enregistrement

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

sign in, sign out pour desktop et mobile

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

login form avec effet de rotation pour passer aau mode registration

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

connexion, enregistrement en CSS et JS seulement

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

login/registration form avec Bootstrap

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

login/registration form construit avec jQuery et Bootstrap

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

template de connexion, indcription avec CSS et Javascript seuls

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

login form

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

une très belle login form à partir d'une modal window

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

transparente forme

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

installer rapidement une login/registration form sur son site web

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

Sign in & Sign up Form

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

formulaire de login/register responsive

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

cré un formulaire de login simple et complet avec Bootstrap

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

login form avec effet d'escalier pour passer a l'enregistrement

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

login/register form avec effet de neumorphisme

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

sign in/sign up avec glissement vertical

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

login/register ou sign in/sign up

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

login/register avec bootstrap 5

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

formulaire prismatique

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

connexion enregistrement responsive

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

login/registration template design

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

template gratuit de login form

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

login : concept d'auto destruction

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

template gratuit de login/registration avec de belles transitions de fin

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

login/registration form avec Bootstrap 4.3

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

login form de login et de sign in

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

template de login/registration gratuit avec transition mais sans controle

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

login form

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

sign in, sign out - form responsive

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

sign in, sign out en CSS et JS

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

login form simple sur base Bootstrap

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

login form avec veritable controle de validite du mot de passe sur base Bootstrap

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

login form simple sur base Bootstrap

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

login form simple de connexion

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é

login form sur base Bootstrap avec modal dialog window

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

template d'enregistrement avec modale en plein ecran

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

template de login complet avec animate, hamburgers et Bootstrap

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

template de connexion pour votre sibe web sur base Bootsrap 4

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

login form simple avec Bootstrap

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

login form simple avec modal window

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

registration form responsive

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

cré un formulaire de login par prisme rectangulaire rotatif

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

template d'enregistrement en css pur

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 !

formulaire de login tout en transparence avec modal window

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 !

une des meilleure animation de login form avec de superbes transitions

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

login form

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

template d'enregistrement en css pur

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

login form

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

login form en UI design

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

login form avec effet de neumorphisme

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

template gratuit de login form avec une 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

template gratuit de login avec effet de neumorphisme

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

template gratuit de login seul avec etiquettes flottantes

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

template de login/registration monoligne avec saisie obligatoire

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

login form avec chien anime

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

login form

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

template de connexion avec modal window

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

montrer le mot de passe, scan mode

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

place holder exemples

Références

Site web

Site de l'auteur

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