Comment puis-je m'assurer que les champs de formulaire masqués sont soumis dans les formulaires en plusieurs étapes ?

Soumission de champs de formulaire cachés avec affichage CSS

Lorsque vous traitez des formulaires complexes divisés en plusieurs étapes, il est courant de contrôler la visibilité à l'aide des propriétés d'affichage CSS . Tout en masquant les éléments du formulaire avec display:none empêche leur soumission, cet article explore une solution à ce problème.

Problème :

Dans un formulaire en plusieurs étapes où les étapes sont masqué à l'aide de display:none, la soumission du formulaire ne capture que les champs contenus dans les éléments visibles. Les champs masqués sont ignorés.

Solution :

Au lieu d'utiliser display:none, définissez les éléments de formulaire masqués sur visibility:hidden et position : absolue. Cette combinaison permet de masquer visuellement les champs tout en soumettant leurs valeurs avec le formulaire.

Remarque mise à jour :

Depuis novembre 2015, il n'est plus nécessaire de utilisez la solution ci-dessus car les navigateurs actuels soumettent automatiquement les champs même lorsqu'ils sont masqués à l'aide de display:none. Cependant, la désactivation des champs à l'aide de l'attribut désactivé continuera à empêcher leur soumission.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!