Formulaire à étapes

Unstable feature

To be used at your own risk. This feature described below can be removed in any subsequent minor/major release

Learn more about the design decision around provisional features.

Check other provisional features available.

But

Offre la possibilité de diviser un formulaire en différentes étapes (sans ou avec validation de formulaire).

Exemple pratique

Informations du client
Informations de contact
Questionnaire éthique
Pour chacun des exemples suivants, indiquez si vous sentez qu'il s'agit d'un cas de problème éthique ou pas.
Exemple 1: Vous payez 10,00 $ pour un achat, mais vous recevez de la monnaie comme s'il s'agissait de 20,00 $. Garderiez vous la monnaie en surplus?
       
Exemple 2: Vous avez besoin d'un logiciel, mais vous ne pouvez pas attendre que la gestion prenne cette décision. Le téléchargeriez-vous sans avoir de licence?
       
Visualiser le code
  1. Créer un élément <div> avec la classe wb-steps (vous pouvez aussi ajouter la classe wb-frmvld pour intégrer la validation).
    <div class="wb-frmvld wb-steps"></div>
  2. À l'intérieur de cet élément <div>, ajouter un élément <form>.
    <form action="#" method="get" id="steps-example"></form>
  3. À l'intérieur de cet élément <form>, ajouter un élément <fieldset> qui aura besoin d'une légende <legend> et d'un conteneur <div>. Ces éléments <fieldset> deviendront les étapes du formulaire
    <fieldset>
    <legend>Informations du client</legend>
    <div>(Tout contenu situé à l'intérieur du div sera caché.)</div>
    </fieldset>
Date de modification :