L'élément HTML <optgroup> , utilisé dans un formulaire, permet de créer un groupe d'options parmi lesquelles on peut choisir dans un élément <select> .
Insérez une liste déroulante avec les balises <select> et <option> Le fonctionnement est un peu différent : On utilise la balise <select> </select> pour indiquer le début et la fin de la liste déroulante. On ajoute l'attribut name à la balise pour donner un nom à la liste.
La balise SELECT permet d'afficher, soit un menu déroulant, soit une liste fixe. Dans le cas de la liste fixe (un menu), on rajoute l'attribut multiple="true" dans la balise SELECT (sélections multiple). Par défaut, le SELECT ne permet qu'une seule sélection et donc apparait sous la forme d'une liste déroulante.
<fieldset> : l'élément pour les ensembles de champs. L'élément HTML <fieldset> est utilisé afin de regrouper plusieurs contrôles interactifs ainsi que des étiquettes ( <label> ) dans un formulaire HTML.
Une liste déroulante se définit à l'aide d'un élément <input type="select"> contenant plusieurs éléments <option>. La liste va permettre à l'utilisateur de choisir une option parmi toutes celles qui sont proposées.
Sélectionnez la cellule de la feuille de calcul dans laquelle vous voulez créer la liste déroulante. Accédez à l'onglet Données du ruban, puis sélectionnez Validation des données. Sous l'onglet Paramètres , dans la zone Autoriser , sélectionnez Liste.
Sélectionnez les cellules que vous souhaitez contenir les listes. Validation des données. Dans la boîte de dialogue, définissez Autoriser sur Liste. Sélectionnez le champ Source et tapez le texte ou les nombres de la liste déroulante, séparés par des virgules.
La liste numérotée HTML démarre avec une balise <ol> qui définit, comme le fait la balise <ul> pour la liste à puces, le début de la liste ordonnée. Chaque élément doit également être encadré par des balises <li></li>. Lorsque tous les éléments ont été cités, une balise </ol> vient clôturer la liste.
Dans la majorité des situations, il sera utile d'associer un champ d'entrée texte <input type="text"> à une liste de suggestions. Le champ de formulaire ( input ) et la liste de suggestions ( datalist + option ) sont reliés grace à la valeur commune des attributs list rattaché à l' input , et id de la datalist .
La balise <fieldset> permet de regrouper des éléments en les entourant d'une bordure.
Code HTML pour une checkbox à choix multiple
Pour coder une checkbox à choix multiple, il faut insérer dans le code HTML autant d'éléments < input type="checkbox" > qu'il y a de choix.
Pour afficher un code HTML sur la page d'un site internet sans qu'il soit interprété par les navigateurs, l'astuce est de remplacer les chevrons des balises < "inférieure à" et "supérieur à" > par leur équivalences en entités HTML, c'est à dire : < et >.
Par la commande align="center" dans le repère d'ouverture <p> vous centrez le paragraphe qui suit (align = alignement, center = centré). Par la commande align="right" le paragraphe sera aligné à droite (right = droite).
Un formulaire se déclare avec l'élément « form » en HTML, c'est à l'intérieur des balises ouvrantes et fermantes d'un élément « form » que vous intégrerez le contenu de votre formulaire. Le contenu de votre formulaire sera constitué de champs (ou zones de saisies), de labels et d'un bouton de validation du formulaire.
Ajoutez tous les éléments de menu que vous souhaitez avoir dans le menu de votre site. Cliquez sur Réorganiser qui apparaît sous vos éléments de menu. Cliquez sur la flèche droite > pour imbriquer une page sous celle au-dessus, ce qui crée un menu déroulant.
Comment coder un bouton cliquable HTML
Deux éléments suffisent pour créer un bouton HTML : la balise <button> et la balise <a href> pour intégrer l'URL de la page.
Tapez vous-même les valeurs de la zone de liste
Cliquez sur Ajouter. Dans la zone Valeur, tapez le texte que vous voulez stocker si un utilisateur sélectionne cette entrée. Dans la zone Nom complet, tapez le texte que vous voulez afficher pour cette entrée, puis cliquez sur OK.
On peut faire une sélection multiple depuis la version 2002 : Sélectionnez avec la touche Ctrl enfoncée.
<li> L'élément HTML <li> est utilisé pour représenter un élément dans une liste. Il doit être contenu dans un élément parent : une liste ordonnée ( <ol> ), une liste non ordonnée ( <ul> ) ou un menu ( <menu> ).
Éléments de liste
Il y a trois types de liste dans HTML. Les deux types simples sont : liste ordonnée et liste non ordonnée. Il y a aussi une liste de définitions. Les listes sont des structures de type bloc, mais elles peuvent être créées à l'intérieur d'autres listes.
<ul> L'élément HTML <ul> représente une liste d'éléments sans ordre particulier.
Sélectionnez les cellules où doit s'afficher la liste déroulante et cliquez sur l'onglet Données > Validation des données > Autoriser > Liste. Dans la fenêtre Validation des données, pour la Source de votre liste, tapez le signe = (égal) suivi du nom de la plage nommée, donc =Auteurs dans notre exemple.
Pour la mettre en place, il faut sélectionner la colonne concernée : cliquer sur « Données », « Validation des données », puis renseigner « Liste » dans le menu déroulant « Autoriser ».
Étendre une liste déroulante
Allez au menu et cliquez sur "Données/Validation" et la fenêtre de dialogue suivante apparaît. Cliquez sur "Oui" et ensuite "OK" et le tour est joué.