Comment Garder Des Données D'un Formulaire Sur Plusieur Page
Ah, les formulaires à plusieurs pages ! On dirait un peu ces longs voyages en voiture avec les enfants : "On arrive quand ?". Mais ne vous inquiétez pas, on va rendre ce périple des données plus facile que de manger une crêpe au sucre ! Imaginez : vous remplissez un formulaire en ligne pour, disons, adopter un chat (oui, un chat, parce que pourquoi pas ?). La première page demande vos informations personnelles : nom, adresse, votre couleur préférée de poils de chat (important !). La deuxième page porte sur vos antécédents en tant que câlineur de chat. Et la troisième, c'est la page ultime : une photo de vous qui prouve votre amour inconditionnel pour les félins.
La Magie de la Sauvegarde Temporaire
Bon, comment faire pour que votre précieux nom et votre adresse (et votre préférence pour les poils de chat tigrés) ne disparaissent pas comme par enchantement entre la première et la deuxième page ? C'est là que la magie de la sauvegarde temporaire entre en jeu. Imaginez ça comme laisser des miettes de pain pour ne pas vous perdre dans la forêt du formulaire. Il existe plusieurs façons de faire ça, et elles sont toutes plus ou moins... discrètes.
Les Cookies : Petits Biscuits Espions
Les cookies, ces petits biscuits virtuels, sont une option. Votre navigateur les adore. Ils peuvent stocker temporairement vos informations. Mais attention, les cookies sont un peu comme les commères du village : tout le monde peut les voir (enfin, presque). Pas l'idéal pour stocker votre code de carte bancaire, on est d'accord ?
Must Read
La Session : Le Coffre-Fort Secret
Ensuite, il y a la session. C'est un peu plus confidentiel. Imaginez un coffre-fort sur le serveur web. Seul le serveur peut y accéder. C'est parfait pour stocker des informations plus sensibles, comme... votre photo compromettante de vous en train de chanter du Céline Dion à votre chat (on en parlait plus haut, non ?). La session expire quand vous fermez votre navigateur, donc pas de risque que votre secret soit révélé au monde entier.
Le Stockage Local : La Mémoire de l'Éléphant (presque)
Enfin, on a le stockage local du navigateur (localStorage ou sessionStorage). C'est un peu comme la mémoire d'un éléphant, mais en version "techno". Ça permet de stocker les données directement dans le navigateur, sans passer par le serveur à chaque fois. C'est rapide, pratique, mais il faut faire attention à ce que l'on y stocke. Pas de plans secrets pour dominer le monde, s'il vous plaît !

Comment Ça Marche, Concrètement ?
Bon, assez de blabla théorique. Imaginez que chaque page de votre formulaire est une étape d'un jeu vidéo. À chaque étape, vous sauvegardez votre progression. Lorsque vous passez à l'étape suivante, le jeu (c'est-à-dire le site web) récupère votre sauvegarde pour vous permettre de continuer là où vous vous étiez arrêté.
En gros, quand vous remplissez une page, un script (un petit bout de code magique) prend vos informations et les stocke, soit dans un cookie, soit dans une session, soit dans le stockage local. Ensuite, quand vous passez à la page suivante, un autre script récupère ces informations et remplit automatiquement les champs correspondants. C'est comme si un petit lutin remplissait le formulaire à votre place ! (Sauf que c'est un script, pas un lutin. Dommage, non ?)
![Garder des données après rafraichissement de la page [Résolu]](https://img-19.ccm2.net/LWkJcVNFgAziMFVogoMP8vozgG4=/b57a9f90962d4cf19d59f206eef94c24/ccm-ugc/ajax1.png)
Et voilà ! Plus besoin d'avoir la mémoire d'un poisson rouge. Vos données restent bien au chaud pendant toute la durée du formulaire. Vous pouvez enfin adopter votre chat en toute tranquillité, sans craindre de devoir tout recommencer à zéro. Et rappelez-vous, le plus important, c'est de sourire à la caméra pour la photo !
Note importante : Demandez toujours aux professionnels de mettre en place ces systèmes. Si c'est mal fait, cela risque de vous exposer aux pirates.
