Exercice
Le but de l'exercice est de récupérer le contenu d'un formulaire et de l'afficher.
Exemple :
Dans le dossier post, ajoutez le fichier exemple.php.
Modifiez le fichier pour faire apparaître les réponses précédentes à l'écran.
1
2
3
4
5
<html lang="fr">
6
7
<head>
8
<meta charset="utf-8" />
9
<title>Formulaire</title>
10
</head>
11
12
<body>
13
<main>
14
<h1>Formulaire</h1>
15
<form action="" method="post">
16
17
<fieldset>
18
<legend>Identité</legend>
19
20
<div>
21
<label for="nom">Nom</label>
22
<input id="nom" type="text" placeholder="Nom" />
23
</div>
24
<div>
25
<label for="prenom">Prénom</label>
26
<input id="prenom" type="text" placeholder="Prénom" />
27
</div>
28
<div>
29
<label for="email">Email</label>
30
<input id="email" type="email" placeholder="exemple@domaine.com" />
31
</div>
32
<div>
33
<label for="date">Date de naissance</label>
34
<input id="date" type="date" />
35
</div>
36
<div>
37
<input id="femme" type="radio" value="femme" />
38
<label for="femme">Femme</label>
39
<input id="homme" type="radio" value="homme" />
40
<label for="homme">Homme</label>
41
</div>
42
</fieldset>
43
44
<fieldset>
45
<legend>Informations</legend>
46
<div>
47
<label>Domaine de connaissance : </label>
48
<input id="html" type="checkbox" />
49
<label for="html">HTML</label>
50
<input id="css" type="checkbox" />
51
<label for="css">CSS</label>
52
<input id="javascript" type="checkbox" />
53
<label for="javascript">JavaScript</label>
54
<input id="php" type="checkbox" />
55
<label for="php">PHP</label>
56
</div>
57
<div>
58
<label for="couleur">Couleur préférée</label>
59
<input id="couleur" type="color" />
60
</div>
61
<div>
62
<label for="domaine">Domaine préféré</label>
63
<select>
64
<option value="graph">Graphisme</option>
65
<option value="dev">Développement</option>
66
<option value="res">Réseau</option>
67
</select>
68
</div>
69
</fieldset>
70
<fieldset>
71
<legend>Commentaires</legend>
72
<textarea></textarea>
73
</fieldset>
74
75
<fieldset>
76
<legend>Validation</legend>
77
<button type="submit">Validez</button>
78
</fieldset>
79
</form>
80
</main>
81
</body>
82
83
</html>
Tapez dans votre navigateur : localhost/transmission/post/exemple.php
Exemple :
nom: Dupont
prenom: Jean
date: 2022-04-21
email: dupont.jean@ulco.fr
sexe: homme
langage: HTML Javascript
couleur: #7a1f1f
domaine: dev
commentaire: coucou