Scribd
Importer
12 vues2 pages

HTML

Le document est un code HTML pour une page d'authentification. Il comprend un formulaire de connexion avec des champs pour le nom d'utilisateur, l'e-mail ou le téléphone, et le mot de passe, ainsi qu'un bouton de connexion. Le style est défini pour centrer le formulaire et améliorer l'apparence générale avec des couleurs et des ombres.

Transféré par

damasbukili42
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd
12 vues2 pages

HTML

Le document est un code HTML pour une page d'authentification. Il comprend un formulaire de connexion avec des champs pour le nom d'utilisateur, l'e-mail ou le téléphone, et le mot de passe, ainsi qu'un bouton de connexion. Le style est défini pour centrer le formulaire et améliorer l'apparence générale avec des couleurs et des ombres.

Transféré par

damasbukili42
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd

<!

DOCTYPE html>
<html>
<head>
<title>Page d'authentification</title>

<style>

body{
background-color: #f2f2f2;
font-family: Arial;
}

/* Centrer le formulaire */
.login{
width:300px;
margin:150px auto;
padding:20px;
background-color:white;
border-radius:10px;
text-align:center;
box-shadow:0px 0px 10px gray;
}

/* Style des champs */


input{
width:90%;
padding:8px;
margin:8px;
}

/* Bouton */
button{
background-color:blue;
color:white;
padding:10px;
border:none;
border-radius:5px;
}

button:hover{
background-color:darkblue;
}

</style>
</head>

<body>

<div class="login">
<h2 style="color:blue;">Connexion</h2>

<form>

<label>Nom d'utilisateur :</label><br>


<input type="text" placeholder="Entrez votre nom"><br>

<label>E-mail ou téléphone :</label><br>


<input type="text" placeholder="Entrez votre email"><br>

<label>Mot de passe :</label><br>


<input type="password" placeholder="Entrez votre mot de passe"><br><br>

<button>Se connecter</button>

</form>

</div>

</body>
</html>

Vous aimerez peut-être aussi