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.
IUT/Web/tp/tp4-5/PageFormulaire.html

56 lines
2.4 KiB

<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Pikes Peak</title>
<link rel="stylesheet" type="text/css" href="CSS/Style.css">
</head>
<body>
<header>
<nav>
<a href="pageActualites.html">actus</a>
<a href="pageTableaux.html">taleaux</a>
<a href="PageAcceuil.html" class="PPIHC"><img src="Medias/Images/PPIHC.png" id="PPIHC"></a>
<a href="PageImages.html">Images</a>
<a href="PageVideo.html">vidéos</a>
</nav>
</header>
<form method="post" action="PageFormulaire.php">
<label for="Nom">Nom :</label><br>
<input type="text" name="Nom" placeholder="Nom" minlength="3" required/>
<input type="text" name="Prenom" placeholder="Prenom" required/>
<input type="email" name="email" placeholder="email" required/> <br />
<label for="raison">Raison de votre demande :</label>
<select name="raison" id="raison" required>
<optgroup label="Demande d'information">
<option value="info">Demande d'information</option>
<option value="info">Demande d'information</option>
<option value="info">Demande d'information</option>
</optgroup>
<optgroup label="Demande de réservation">
<option value="reserv">Demande de réservation</option>
<option value="reserv">Demande de réservation</option>
<option value="reserv">Demande de réservation</option>
</optgroup>
</select>
<input type="radio" name="sexe" value="homme" required/>Homme
<input type="radio" name="sexe" value="femme" required/>Femme
<input type="radio" name="sexe" value="autre" required/>Autres <br>
<textarea name="message" placeholder="message" rows="10" cols="30">
</textarea><br>
<input type="checkbox" name="conditions" placeholder="conditions d'utilisations" required/>
<label for="conditions"><a title="Hello" href="PageConditions">Conditions d'utilisations</a></label><br />
<input type="submit" name="submittp7" value="Envoyer" />
</form>
<footer>
<div id="contact">
<p>© 2004-2022</p>
<p>AntoinePEREDERII corp.</p>
<p><a href="PageFormulaire.html">Contact</a></p>
</div>
</footer>
</body>
</html>