-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathformulaireCss.html
73 lines (64 loc) · 2.86 KB
/
formulaireCss.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Formulaires HTML</title>
</head>
<body>
<!-- je déclare mon formulaire avec la balise form -->
<form>
<!-- Deux manières de déclarer le label -->
<!-- pseudo -->
<label for="pseudo">
<!-- input dans label -->
Pseudonyme
<input type="text" id="pseudo" name="pseudo" placeholder="exemple" required>
<!--
l'id combiné à for permet de lier le label à l'input
type précise le type de donnée récupérée,
name sera utilisé en php pour récupérer la donnée,
le placeholder contient le texte qui apparaît dans l'input
required précise au navigateur que le champs est à renseigner obligatoirement
-->
</label>
<!-- mot de passe -->
<label for="mdp">
<!-- label au dessus de l'input -->
Mot de passe <span title="le mot de passe peut contenir....">*</span>
</label>
<input type="password" id="mdp" name="mdp" placeholder="Mot de passe" required>
<!-- email -->
<label for="email">Email</label>
<input type="email" id="email" name="email" placeholder="Email">
<!-- fichier -->
<label for="photo">Photo</label>
<input type="file" id="photo" name="photo">
<!-- cases à cocher checkbox-->
<!-- plusieurs choix -->
<label for="q1">Quelle destination choisissez-vous?</label>
<p>
<input type="checkbox" id="q1" name="reponse01" value="1">Italie
<input type="checkbox" id="q1" name="reponse02" checked>Tunisie
<input type="checkbox" id="q1" name="reponse03">Espagne
</p>
<!-- cases à cocher radio-->
<!-- un choix -->
<label for="q2">Qui seront vos accompagnateurs?</label>
<p>
<input type="radio" id="q2" name="reponse11">En famille
<input type="radio" id="q2" name="reponse12" checked>Entre amis
<!-- checked = coché par défaut -->
<input type="radio" id="q2" name="reponse13">Solo
</p><!-- un seul choix avec les bouton radio on force l'utilisateur à choisir-->
<!-- zone de texte -->
<label for="commentaires">Commentaires</label>
<textarea name="commentaires" id="commentaires" cols="80" rows="8"></textarea>
<!-- rows=nombre de lignes - cols=nombre de colonnes/caractères -->
<!-- bouton envoi du formulaire -->
<input type="submit" name="inscription" value="Envoyer">
<!-- bouton pour vider le formulaire -->
<input type="reset" name="annuler" value="Annuler">
</form>
</body>
</html>