La structure de base FORMULAIRES:Structure

1. Le formulaire Bootstrap FORMULAIRES:Formulaire Bootstrap

Le dossier à télécharger pour cet exemple est nommé 07-Formulaires-01.

Pour insérer un formulaire, nous allons utiliser une grille Bootstrap très simple, avec un conteneur <div class="container">, une ligne <div class="row"> et une colonne <div class="col">.

Le formulaire <form> utilise l’attribut role="form". Chaque élément du formulaire sera placé dans une boîte <div> ayant une classe spécifique. Par exemple, les éléments <input> de saisie seront placés dans une boîte <div> avec la classe .form-group et les cases à cocher seront placées dans une boîte <div> avec la classe .form-check . Les éléments du formulaire auront des classes Bootstrap dédiées : .form-control, .form-check-input ...

Voici un exemple simple d’un formulaire, avec deux champs de saisie, une case à cocher et un bouton de validation :

<form role="form"> 
        <div class="form-group"> 
                <label for="lemail">Adresse mail</label> 
                <input type="email" class="form-control" 
id="lemail" placeholder="Indiquez votre...
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
L'objectif
Suivant
Les cases à cocher et les boutons radio