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

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"> 
    <span class="input-group-text" id="prenom">Prénom</span> 
    <input type="text" class="form-control" placeholder="Votre prénom" 
aria-label="prenom" aria-describedby="prenom"> 
  </div> 
  <div class="input-group mb-3"> 
    <span class="input-group-text" id="nom">Nom</span> 
    <input type="text" class="form-control" placeholder="Votre...