Comment puis-je soumettre des données de formulaire à partir d'éléments de formulaire masqués ?

Soumission de champs de formulaire à partir d'éléments cachés avec CSS

La soumission de formulaire nécessite souvent que tous les champs nécessaires soient visibles sur la page. Cependant, si vous disposez d'un formulaire en plusieurs étapes avec des sections masquées utilisant le CSS "display:none", vous risquez de rencontrer des problèmes pour soumettre des données à partir de ces éléments masqués.

Solution :

Pour résoudre ce problème, envisagez d'utiliser les styles CSS « ​​visibilité : cachée » et « position : absolue » au lieu de « affichage : aucun ». Contrairement à "display:none", qui supprime l'élément du DOM, "visibility:hidden" le rend invisible tout en restant accessible pour la soumission. "Position : absolue" garantit que l'élément est supprimé du flux du document, préservant ainsi son aspect visuel.

Exemple :

.hidden-element {
  visibility: hidden;
  position: absolute;
}

Remarque :

Depuis novembre 2015, ce problème semble résolu dans les navigateurs actuels. Cependant, les éléments avec l'attribut "disabled" ne seront toujours pas soumis.

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!