<!
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Exemple de Formulaire</title>
</head>
<body>
<h1>Exemple de formulaire</h1>
<form action="/action_page.php" method="post" >
<!-- Champ de saisie pour le nom -->
<label for="nom">Nom:</label>
<input type="text" id="nom" name="nom" required>
<br><br>
<!-- Champ de saisie pour l'adresse e-mail -->
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
<br><br>
<!-- Bouton radio pour le genre -->
<label>Genre:</label>
<input type="radio" id="homme" name="genre" value="homme" >
<label for="homme">Homme</label>
<input type="radio" id="femme" name="genre" value="femme">
<label for="femme">Femme</label>
<br><br>
<!-- Liste déroulante pour la sélection d'une ville -->
<label for="ville">Ville:</label>
<select id="ville" name="ville">
<option value="Mostaganem">Mostaganem</option>
<option value="Oran">Oran</option>
<option value="Alger">Alger</option>
</select>
<br><br>
<!-- Case à cocher pour les préférences -->
<label>Préférences:</label>
<input type="checkbox" id="preference1" name="preferences[1]" value="musique">
<label for="preference1">Musique</label>
<input type="checkbox" id="preference2" name="preferences[2]" value="sport">
<label for="preference2">Sport</label>
<input type="checkbox" id="preference3" name="preferences[3]" value="lecture">
<label for="preference3">Lecture</label>
<br><br>
<!-- Champ de texte multiligne pour les commentaires -->
<label for="commentaires">Commentaires:</label>
<br>
<textarea id="commentaires" name="commentaires" rows="4" cols="30"></textarea>
<br>
<!-- Bouton de soumission du formulaire -->
<input type="submit" value="Envoyer">
<input type="Reset" value="Nouveau">
</form>
</body>
</html>