1. Compteur numérique
1.1. Number
1.2. Exemple
1.3. Renseigne une valeur numérique.
1.4. Attributs
1.4.1. min
1.4.1.1. valeur minimal du compteur
1.4.2. max
1.4.2.1. valeur maximal du compteur
1.4.3. step
1.4.3.1. L'avancement du compteur
1.4.4. value
1.4.4.1. Valeur de départ du compteur
2. Etiquetage
2.1. <label> </label>
2.2. Exemple
3. Les input
3.1. email
3.1.1. Exemple
3.2. url
3.2.1. Exemple
3.3. tel
3.3.1. <input type="tel" name="tel" id="tel" />
3.4. nombre
3.4.1. <input type="number" name="number" id="number" />
3.4.2. Minimum-max
3.4.2.1. min="5" max="10"
3.4.3. Avancement
3.4.3.1. step="2"
3.4.4. Exemple
3.5. Curseur
3.5.1. range
3.5.2. Exemple
3.6. Saisir une couleur
3.6.1. color
3.6.2. Exemple
3.7. Transfert de fichiers
3.7.1. file
3.7.2. Exemple
3.8. Saisir une date
3.8.1. date
3.8.2. <input type="date" name="date" id="date"/>
3.9. Mot de passe
3.9.1. Exemple
3.10. Recherche
3.10.1. search
3.10.2. Exemple
3.11. Texte
3.11.1. taille du champ
3.11.1.1. size="4"
3.11.2. limite de caractères
3.11.2.1. maxlength="5"
4. L'auteur : Olivier Legrand
4.1. Formateur du Web
4.2. Olivier Legrand - Concepteur pédagogique multimédia
5. Les Attributs obligatoires
5.1. method
5.1.1. get
5.1.1.1. les données transitent par l'url
5.1.2. post
5.1.2.1. pour la majorité des cas
5.2. action
5.2.1. la redirection du formulaire
5.2.2. Attribut obligatoire pour une validation en W3C
5.3. Le code
5.3.1. <form method="post" action="traitement.php">
6. Les boutons
6.1. Cases à cocher
6.1.1. cheackbox
6.1.2. Exemple
6.2. bouton radio
6.2.1. radio
6.2.2. Attributs
6.2.2.1. checked
6.2.2.1.1. Présélectionne le bouton radio
6.2.3. Important
6.2.3.1. Mettre un name différent par groupe de bouton radio
6.2.4. Exemple
6.3. Envoyer
6.3.1. submit
6.4. Annulation
6.4.1. reset
7. Zone de texte
7.1. <textarea> </textarea>
7.1.1. Zone de texte de plusieurs lignes
7.2. Attributs
7.2.1. rows
7.2.1.1. Nombre de lignes visibles en hauteur de la zone
7.2.2. cols
7.2.2.1. Nombre de caractères visibles en largeur de la zone
8. Liste déroulante
8.1. select
8.2. Exemple :
8.3. selected
8.3.1. sélection par défaut
8.4. optgroup
8.4.1. créer des groupes
8.5. size
8.5.1. Définit le nombre d'éléments du menu
8.6. multiple
8.6.1. choix multiple dans une liste
9. Zones de saisie
9.1. Libellés
9.1.1. <label for="pseudo"> votre pseudo </label>
9.1.2. Exemple
9.2. Monoligne
9.2.1. Texte
9.2.1.1. <input type="text" name="pseudo">
9.2.1.1.1. Exemple
9.2.2. Les attributs
9.2.2.1. size="50"
9.2.2.1.1. nombre de caractères visibles
9.2.2.2. maxlength="10"
9.2.2.2.1. caractère maximal autorisé
9.2.2.3. value="texte"
9.2.2.3.1. Inscrit la valeur dans le champ
9.2.2.4. placeholder="votre prénom ici"
9.2.2.4.1. Renseigne sur le contenu à saisir
9.2.2.5. readonly
9.2.2.5.1. Valeur attribuée par defaut à la ligne
9.2.2.6. autofocus
9.2.2.6.1. Donne le focus "la saisie" sur la ligne sélectionnée
9.2.2.7. required
9.2.2.7.1. Rend le champ obligatoire à la saisie
9.2.2.8. pattern="[0-9] {5}
9.2.2.8.1. Encodage numérique obligatoire
9.2.2.8.2. Valeur comprise entre 0 et 9
9.2.2.8.3. La valeur doit contenir 5 chiffres
9.3. Multiligne
9.3.1. <textarea> </textarea>
10. Fondamentaux
10.1. Le construire
10.1.1. <form> </form>
10.2. L'organiser
10.2.1. <fieldset> </fieldset>
10.2.2. <legend> </legend>
10.2.3. Regrouper les éléments d'un fomulaire
10.2.4. Exemple
10.3. Regrouper les zones
10.3.1. <fieldset> </fieldset>
10.3.2. les identifier
10.3.2.1. <legend> groupe1 </legend>
10.4. Important :
10.4.1. pas de traitement de formulaire en HTML et CSS