You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

53 lines
2.1 KiB

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Contactez-moi</title>
<link type="text/css" rel="stylesheet" href="style.css">
</head>
<body>
<h1>Formulaire de Contact</h1>
<form action="process.php" method="GET">
<!-- Champ pour le nom (obligatoire) -->
<label for="name">Nom:</label>
<input type="text" id="name" name="name" required><br><br>
<!-- Champ pour l'adresse email (obligatoire) -->
<label for="email">Adresse de courriel:</label>
<input type="email" id="email" name="email" required><br><br>
<!-- Champ pour le numéro de téléphone (facultatif) -->
<label for="phone">Numéro de téléphone:</label>
<input type="tel" id="phone" name="phone"><br><br>
<!-- Liste déroulante pour le motif de contact -->
<label for="reason">Motif de contact:</label>
<select id="reason" name="reason">
<option value="information">Demande d'information</option>
<option value="support">Support technique</option>
<option value="feedback">Feedback</option>
<option value="other">Autre</option>
</select><br><br>
<!-- Champ pour le créneau horaire (jour + horaire) -->
<label for="schedule">Créneau horaire:</label>
<input type="datetime-local" id="schedule" name="schedule"><br><br>
<!-- Boutons radio pour indiquer si c'est la première demande -->
<label>Première demande ?</label><br>
<input type="radio" id="first_request_yes" name="first_request" value="yes">
<label for="first_request_yes">Oui</label>
<input type="radio" id="first_request_no" name="first_request" value="no">
<label for="first_request_no">Non</label><br><br>
<!-- Champ texte pour le message (obligatoire) -->
<label for="message">Message:</label>
<textarea id="message" name="message" required></textarea><br><br>
<!-- Boutons de soumission et de remise à zéro -->
<input type="submit" value="Envoyer">
<input type="reset" value="Réinitialiser">
</form>
</body>
</html>