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 est placé dans un élément <form> possédant l’attribut role="form". Ensuite, chaque élément du formulaire sera inséré dans une boîte <div>. Les éléments insérés auront des classes spécifiques pour leur mise en forme.

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

<form role="form"> 
  <div class="mb-3"> 
    <label for="lemail" class="form-label">Adresse mail</label> 
    <input type="email" class="form-control" id="lemail" placeholder=
"Indiquez votre adresse mail"> 
    <div id="emailText" class="form-text">Votre adresse mail ne sera pas 
divulguée.</div> 
  </div> 
  <div class="mb-3"> 
    <label for="pw"...