80 lines
2.3 KiB
HTML
80 lines
2.3 KiB
HTML
<!doctype html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Exercice 1</title>
|
|
</head>
|
|
<body>
|
|
|
|
<form method="post" action="https://dwarves.iut-fbleau.fr/requete.php">
|
|
<label for="nom" required>Nom :</label><br>
|
|
<input type="text" id="nom" name="nom" required><br>
|
|
|
|
<label for="prenom">Prenom :</label><br>
|
|
<input type="text" id="prenom" name="prenom" required><br>
|
|
|
|
<label for="datenaissance">Date de naissance :</label><br>
|
|
<input type="date" id="datenaissance" name="datenaissance" required><br>
|
|
|
|
<label for="email">E-mail :</label><br>
|
|
<input type="email" id="email" name="email" required><br>
|
|
|
|
<label for="codepostal">Code postal :</label><br>
|
|
<input type="number" id="codepostal" name="codepostal" max="99999" required><br>
|
|
|
|
<label for="telephone">Téléphone portable :</label><br>
|
|
<input type="tel" id="telephone" name="telephone" pattern="^(?:0|\(?\+33\)?\s?|0033\s?)[1-79](?:[\.\-\s]?\d\d){4}$" required><br>
|
|
|
|
<label for="sexe" required>Sexe :</label><br>
|
|
<input type="radio" name="sexe" required /> Homme <br />
|
|
<input type="radio" name="sexe" required /> Femme
|
|
|
|
|
|
<br><label for="semestre">Semestre :</label><br>
|
|
<select list="semestre" required>
|
|
<option value="S1">S1</option>
|
|
<option value="S2" selected="selected">S2</option>
|
|
<option value="S3">S3</option>
|
|
<option value="S4">S4</option>
|
|
</select> <br>
|
|
|
|
<br> <label for="level">Niveau en HTML :</label>
|
|
<input type="range" id="level" name="level" min="0" max="10" required><br>
|
|
|
|
<br><label for="message">Message :</label><br>
|
|
<input type="text" id="message" name="message" required><br>
|
|
|
|
|
|
<br><input type="reset" value="Reset" />
|
|
<input type="submit" value="Submit" />
|
|
</form>
|
|
|
|
</body>
|
|
</html>
|
|
|
|
<!--
|
|
|
|
body {
|
|
font-family:sans-serif; ====> change la police d'écriture des éléments dans body
|
|
}
|
|
|
|
h1 {
|
|
font-variant:small-caps;
|
|
text-decoration : underline; ===> souligne les H1
|
|
}
|
|
|
|
h2 {
|
|
background-color:#aaaaaa; ====> ajoute une couleur de fond aux boites h2
|
|
padding : 10px;
|
|
font-style:italic;
|
|
}
|
|
|
|
span {
|
|
font-family: monospace;
|
|
font-weight:bold;
|
|
color : #aa4512;
|
|
}
|
|
|
|
|
|
|
|
--> |