84 lines
2.7 KiB
HTML
84 lines
2.7 KiB
HTML
|
<!DOCTYPE html>
|
||
|
<html lang="fr">
|
||
|
|
||
|
<head>
|
||
|
<title>Exercice 2</title>
|
||
|
<meta charset="utf-8">
|
||
|
<meta name="viewport" content="initial-scale=1,witdh=device-width">
|
||
|
</head>
|
||
|
|
||
|
<body>
|
||
|
<form method="POST" action="https://dwarves.iut-fbleau.fr/requete.php">
|
||
|
|
||
|
<div>
|
||
|
<label for="lastname">Nom : </label>
|
||
|
<input type="text" name="lastname" id="lastname" placeholder="ex: Dupont" required>
|
||
|
</div>
|
||
|
|
||
|
<div>
|
||
|
<label for="firstname">Prénom : </label>
|
||
|
<input type="text" name="firstname" id="firstname" placeholder="ex: Jean-Paul" required>
|
||
|
</div>
|
||
|
|
||
|
<div>
|
||
|
<label for="birthdate">Date de naissance : </label>
|
||
|
<input type="date" name="birthdate" id="birthdate">
|
||
|
</div>
|
||
|
|
||
|
<div>
|
||
|
<label for="email">Adresse email : </label>
|
||
|
<input type="email" name="email" id="email" placeholder="ex: jean-paul.dupont@gmail.com" required>
|
||
|
</div>
|
||
|
|
||
|
<div>
|
||
|
<label for="postcode">Code postal : </label>
|
||
|
<input type="number" name="postcode" id="postcode" placeholder="ex: 75000" min="5" max="99999" required>
|
||
|
<!--
|
||
|
Validation d'un code postal avec une expression régulière
|
||
|
<input type="text" name="postcode" id="postcode" placeholder="ex: 75000" pattern="(?:[0-8]\d|9[0-8])\d{3}">
|
||
|
-->
|
||
|
</div>
|
||
|
|
||
|
<div>
|
||
|
<label for="phonenumber">N° Télephone portable : </label>
|
||
|
<input type="text" name="phonenumber" id="phonenumber" placeholder="ex: 0655664488" pattern="^(\+33|0)[6-7](\d\d){4}$" required>
|
||
|
<!-- Il n'y a pas d'attribut pour afficher un message d'erreur personnalisé, c'est pour cela qu'il y a JavaScript -->
|
||
|
</div>
|
||
|
|
||
|
<div>
|
||
|
<input type="radio" name="gender" id="femme" value="Madame" required>
|
||
|
<label for="femme">Femme </label>
|
||
|
<input type="radio" name="gender" id="homme" value="Monsieur" required>
|
||
|
<label for="homme">Homme </label>
|
||
|
<input type="radio" name="gender" id="autre" value="Autre" required>
|
||
|
<label for="autre">Autre </label>
|
||
|
</div>
|
||
|
|
||
|
<div>
|
||
|
<label for="semester">Semestre : </label>
|
||
|
<select name="semester" id="semester" size="4" required>
|
||
|
<option value="Semestre 1">Semestre 1</option>
|
||
|
<option value="Semestre 2" selected>Semestre 2</option>
|
||
|
<option value="Semestre 3">Semestre 3</option>
|
||
|
<option value="Semestre 4">Semestre 4</option>
|
||
|
</select>
|
||
|
</div>
|
||
|
|
||
|
<div>
|
||
|
<label for="niveau">Niveau en HTML (entre 0 et 10) : </label>
|
||
|
<input type="range" name="niveau" id="niveau" min="0" max="10" value="5">
|
||
|
</div>
|
||
|
|
||
|
<div>
|
||
|
<label for="message">Message : </label>
|
||
|
<textarea name="message" id="message" required></textarea>
|
||
|
</div>
|
||
|
|
||
|
<div>
|
||
|
<input type="submit" value="Envoyer">
|
||
|
<input type="reset" value="Remettre à zéro">
|
||
|
</div>
|
||
|
</form>
|
||
|
</body>
|
||
|
</html>
|