Ajouter des informations aux champs FORMULAIRES:Information des champs

1. L’objectif

Bootstrap donne la possibilité d’ajouter des éléments d’information avant ou après les champs de saisie. Ces informations peuvent être de tout ordre : des signes monétaires, des consignes courtes, des symboles, des boutons...

Le dossier à télécharger pour les exemples de cette section est nommé 07-Formulaires-16.

2. Ajouter des informations supplémentaires

Dans cet exemple, nous allons ajouter des informations supplémentaires simples aux champs de saisie. Ces éléments d’information seront placés soit à gauche, soit à droite des champs ou soit des deux côtés.

Voici le code de cet exemple :

<form role="form"> 
        <div class="input-group mb-3"> 
                <div class="input-group-prepend"> 
                        <span class="input-group-text" 
id="prenom">Prénom</span> 
                </div> 
                <input type="text" class="form-control" 
placeholder="Votre prénom" aria- 
abel="prenom" aria-describedby="prenom"> 
       ...
Pour consulter la suite, découvrez le livre suivant :
couv_OW24BOO.png
60-signet.svg
En version papier
20-ecran_lettre.svg
En version numérique
41-logo_abonnement.svg
En illimité avec l'abonnement ENI
130-boutique.svg
Sur la boutique officielle ENI
Précédent
Des éléments de mise en forme
Suivant
L'objectif