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.
62 lines
2.5 KiB
62 lines
2.5 KiB
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Formulaire</title>
|
|
<link rel="stylesheet" href="../css/menu.css">
|
|
<link rel="stylesheet" href="../css/style_formulaire.css">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Syncopate:wght@400;700&display=swap" rel="stylesheet">
|
|
</head>
|
|
|
|
<body>
|
|
<header>
|
|
<nav id="menu">
|
|
<a href="main" class="liens_dans_le_menu">Page principale</a>
|
|
<a href="Automobile" class="liens_dans_le_menu">Automobile</a>
|
|
<a href="Ski" class="liens_dans_le_menu">Ski</a>
|
|
<a href="Avion" class="liens_dans_le_menu">Aviation</a>
|
|
<a href="Formulaire" class="liens_dans_le_menu">Formulaire</a>
|
|
<a href="Perso" class="liens_dans_le_menu">Vie privée</a>
|
|
<a href="Etudes" class="liens_dans_le_menu">Vie étudiante</a>
|
|
</nav>
|
|
<div id="reseaux_fixe">
|
|
<a href="http://instagram.com" class="liens_réseaux_sociaux_dans_menu"><img src="../images/insta.png" class="logos_réseaux_sociaux_dans_menu" ></a>
|
|
<a href="http://x.com" class="liens_réseaux_sociaux_dans_menu"><img src="../images/x.png" class="logos_réseaux_sociaux_dans_menu"></a>
|
|
</div>
|
|
</header>
|
|
|
|
<h1>Formulaire</h1>
|
|
|
|
<div id="div_form">
|
|
<form action="../formulaire.php" method="POST">
|
|
<label for="nom">Nom :</label>
|
|
<input type="text" id="nom" name="nom"><br><br>
|
|
|
|
<label for="prenom">Prénom :</label>
|
|
<input type="text" id="prenom" name="prenom"><br><br>
|
|
|
|
<label>Sexe :</label>
|
|
<input type="radio" id="homme" name="sexe" value="Homme">
|
|
<label for="homme">Homme</label>
|
|
<input type="radio" id="femme" name="sexe" value="Femme">
|
|
<label for="femme">Femme</label><br><br>
|
|
|
|
<label for="email">Email :</label>
|
|
<input type="email" id="email" name="email"><br><br>
|
|
|
|
<label for="telephone">Numéro de téléphone :</label>
|
|
<input type="tel" id="telephone" name="telephone" pattern="[0-9]{10}">
|
|
<small>(Format: 0123456789)</small><br><br>
|
|
|
|
<input type="submit" value="Envoyer">
|
|
</form>
|
|
</div>
|
|
<footer>
|
|
|
|
</footer>
|
|
</body>
|
|
|
|
</html> |