Sommaire

Les éléments des formulaires CSS POUR LES FORMULAIRES:Éléments

Bootstrap permet d’utiliser tous les éléments « classiques » des formulaires avec des classes dédiées. 

1. Un champ de texte CSS POUR LES FORMULAIRES:Champ de texte

Commençons par les champs de saisie avec l’utilisation de l’élément <input>.

Voici le code HTML :

<input type="text" class="form-control" placeholder="Champ de texte">

Nous utilisons la classe .form-control déjà vue précédemment. Voici son affichage :

images/C05-004.png

2. Une zone de saisie multiligne CSS POUR LES FORMULAIRES:Champ multiligne

Pour avoir un champ de saisie multiligne, utilisez l’élément <textarea>.

Voici le code HTML :

<textarea class="form-control" rows="3"></textarea>

Nous utilisons la classe .form-control déjà vue précédemment. Voici son affichage :

images/C05-005.png

Voici le sélecteur pour l’élément <textarea> :

textarea.form-control { 
   height: auto; 
}

3. Les cases à cocher et les boutons radio CSS POUR LES FORMULAIRES:Case à cocher CSS POUR LES FORMULAIRES:Bouton radio

Les cases à cocher et les boutons radio s’obtiennent en utilisant l’élément <input> avec les attributs checkbox et radio. Nous associons à ces éléments les classes dédiées .checkbox ...