Back

Les éléments d’un formulaire HTML

Les éléments de formulaire HTML

  1. Objectifs

    • ِConnaitre les éléments d’un formulaire HTML.
  2. Introduction

    • Le HTML met à notre disposition une série d’éléments qui vont nous permettre de créer nos formulaires.
    • Le HTML5 apporte trois nouveaux éléments pour les formulaires : les balises <datalist>, <keygen> et <output>.
  3. Liste des éléments

    1. form
      • Définit un formulaire
    2. input
      • Définit un champ de données pour l’utilisateur
    3. label
      • Définit une légende pour un élément input
      • L’élément HTML <label> représente une légende pour un objet d’une interface utilisateur.
    4. textarea



    5. select
      • Définit une liste de choix
      • La balise select permet de choisir une option dans une liste. Elle est complétée en HTML 5 par la balise menu qui est plus spécialisée pour un menu contextuel ou une barre d’outil.
      • Exemple:
      • <select size="7" >
            <optgroup label="Titre du groupe1">
                <option>un</option>
                <option>Deux</option>
                <option>Trois</option>
            </optgroup>
            <optgroup label="Titre du groupe2">
                <option>one</option>
                <option>two</option>
            </optgroup>
        </select>

        Select

      • Application:
        • Réaliser liste déroutante des pays du monde. La liste est divisée en continent.
    6. optgroup
      • Définit un groupe d’options dans une liste
    7. option
      • Définit une option dans une liste
    8. fieldset
      • Permet de regrouper les éléments d’un formulaire en différentes parties
      • Lire la suite

    9. legend
      • Ajoute une légende à un élément fieldset
    10. datalist
      • Spécifie une liste de pré-définis des options pour un élément <input>
      • L’auto complétion, ou liste de suggestions, est l’une des fonctionnalités les plus courantes du développement Web.
      • Il s’agit de suggérer des choix possibles lors de la saisie dans un champ de formulaire.
    11. keygen
      • Indique un champ générateur de clés dans un formulaire
    12. output
      • Représente le résultat d’une opération ou de calcul



Riadh HAJJI

Abonnez vous à notre chaîne YouTube gratuitement