Sommaire

Les mises en forme spéciales

1. Les exemples de saisie CSS POUR LES FORMULAIRES:Exemple de saisie

Bootstrap vous permet d’utiliser une aide à la saisie en affichant un exemple de saisie dans le champ d’un élément de formulaire. Ici, l’exemple de saisie et le champ à saisir sont alignés verticalement sur la grille adaptative.

Nous souhaitons afficher l’exemple d’une adresse mail. Nous utilisons pour cela un paragraphe <p> avec la classe .form-control-static.

Voici le code de cet exemple :

<form class="form-horizontal" role="form"> 
   <div class="form-group"> 
      <label class="col-lg-2 control-label">Exemple adresse mail</label> 
      <div class="col-lg-5"> 
         <p class="form-control-static">exemple@fournisseur.fr</p> 
      </div> 
   </div> 
   <div class="form-group"> 
      <label for="mail" class="col-lg-2 control-label">Saisissez votre
mail</label> 
      <div class="col-lg-5"> 
         <input type="password" class="form-control" id="mail" 
            placeholder="Votre mail"> 
      </div> 
   </div> 
</form> ...