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

Visualiser le code

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>
```
À l'intérieur de cet élément <div>, ajouter un élément <form>.
```
<form action="#" method="get" id="steps-example"></form>
```
À 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>
```

Les formulaires à étapes ne devraient pas être utilisés sans JavaScript. Dans ce cas, les formulaires seront convertis en formulaires statiques et seront dépendant de la validation côté client et serveur (qui ne font pas parties de la WET-BOEW).

Détails de la page

Date de modification :: 2020-09-15