DEV/BUT1/DEV1.2/TP2/EXO3/exo3.html

80 lines
2.3 KiB
HTML
Raw Normal View History

2024-02-01 13:55:03 +01:00
<!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;
}
-->