Scribd
Upload
14 views3 pages

HTML5 Form

The document is an HTML template for a signup form titled 'Créer un compte'. It includes fields for profile and cover photos, first name, last name, email address, password, and password confirmation, all of which are required. The form is designed to validate input before submission and links to a stylesheet and a JavaScript file.

Uploaded by

pshonnamba
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
14 views3 pages

HTML5 Form

The document is an HTML template for a signup form titled 'Créer un compte'. It includes fields for profile and cover photos, first name, last name, email address, password, and password confirmation, all of which are required. The form is designed to validate input before submission and links to a stylesheet and a JavaScript file.

Uploaded by

pshonnamba
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

<!

DOCTYPE html>

<html lang=”fr”>

<head>

<meta charset=”UTF-8” />

<meta name=”viewport” content=”width=device-width, initial-scale=1.0” />

<title>Inscription</title>

<link rel=”stylesheet” href=”style.css” />

</head>
<body>

<div class=”signup-container”>

<form class=”signup-form” onsubmit=”return validateForm()” enctype=”multipart/form-


data”>

<h2>Créer un compte</h2>

<div class=”form-group”>

<label for=”profilePhoto”>Photo de profil</label>

<input type=”file” id=”profilePhoto” accept=”image/*” required />

</div>

<div class=”form-group”>

<label for=”coverPhoto”>Photo de couverture</label>

<input type=”file” id=”coverPhoto” accept=”image/*” required />

</div>

<div class=”form-group”>

<label for=”prenom”>Prénom</label>

<input type=”text” id=”prenom” required />


</div>

<div class=”form-group”>

<label for=”nom”>Nom</label>

<input type=”text” id=”nom” required />

</div>

<div class=”form-group”>
<label for=”email”>Adresse email</label>

<input type=”email” id=”email” required />

</div>

<div class=”form-group”>

<label for=”password”>Mot de passe</label>

<input type=”password” id=”password” required minlength=”6” />

</div>

<div class=”form-group”>

<label for=”confirmPassword”>Confirmer le mot de passe</label>


<input type=”password” id=”confirmPassword” required minlength=”6” />

</div>

<button type=”submit”>S’inscrire</button>
</form>

</div>

<script src=”script.js”></script>
</body>

</html>

You might also like