Objectifs

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

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>.

Liste des éléments

form

Définit un formulaire

input

Définit un champ de données pour l’utilisateur

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.

textarea

• TextArea définit un champ de texte long

Lire la suite






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:
XHTML

<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>

1 2 3 4 5 6 7 8 9 10 11

<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.

optgroup

Définit un groupe d’options dans une liste

option

Définit une option dans une liste

fieldset

• Permet de regrouper les éléments d’un formulaire en différentes parties

Lire la suite

legend

Ajoute une légende à un élément fieldset

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.

keygen

• Indique un champ générateur de clés dans un formulaire

output

• Représente le résultat d’une opération ou de calcul