Comment faire un formulaire qui "sauvegarde" les options.

Fermé
Exorth Messages postés 6 Date d'inscription samedi 13 avril 2013 Statut Membre Dernière intervention 4 mars 2014 - Modifié par Exorth le 8/02/2014 à 18:32
 Waxtime - 8 févr. 2014 à 22:08
Bonjour,
Je suis assez novice dans le domaine du html et je voulais savoir si il était possible dans la création d'un formulaire (notamment une sélection dans un déroulant),
c'est à dire de faire en sorte que lorsque le choix est fait et que l'on clic sur un bouton(...ou pas) le choix reste prit en compte et lorsque l'on actualise la page il garde toujours le même choix affiché dans le déroulant.

voila ce que j'ai fait :

<form method="post" action="fini.html">
<label> choix de projet : </label><select>
<option>Projet 1</option>
<option>Projet 2</option>
<option>Projet 3</option>
<option>Projet 4</option>
<option>Projet 5</option>
</select>
<input type="submit" value="OK"/>
</form>

Je ne sais pas si j'ai été assez clair dans mes explications mais dans le cas contraire faites moi part de vos incompréhensions.

Merci d'avance.
A voir également:

1 réponse

Bonsoir

je ne comprends pas le but de ce que vous voulez faire: un formulaire informatique est à l'instar de sa version papier+stylo un moyen d'envoyer des informations.
Si ce formulaire vous n'en faites rien il ne restera aucune trace, vous pouvez l'envoyer à une adresse email ou à une base de données.
Sauf que ce n'est plus HTML qui sert à ça.

HTML c'est l'affichage de votre page web, plus précisément la structure et pour avoir un affichage convenable(couleur, images de fonds positionnement...etc:la mise en page) il faut utiliser les propriétés de style CSS. Le CSS permet d'indiquer pour des balises HTML au cas pas car ou de manière globales des propriétés allant de la taille du texte au dimensions et contours de chaque balise.

Pour interagir, pouvoir utiliser des informations la programmation et les langages de script vont entrer en jeu.

Par exemple(je ne voit toujours pas le but puisque si vous actualisez la page le formulaire n'est pas envoyé) pour pouvoir indiquer dans une balise select laquelle des option(choix possible) il faut ajouter l'attribut de balise selected comme ceci:

http://www.w3schools.com/tags/att_option_selected.asp
(source W3C: le consortium qui fait les normes d'internet)


On peut par exemple le changer grâce à du javascript qui va "réecrire" le HTML pour indiquer quelle des optiojnn doit être selected.

http://www.startyourdev.com/html/tag-html-balise-option

Mais bon le problème reste le même, vous auriez beau afficher quelque chose sur l'ordinateur de l'internaute il n'a aucun moyen de le faire parvenir où que ce soit puisque dans votre formulaire vous indiquez:

<form method="post" action="fini.html">

L'envoi des données en POST utilise le langage de script de programmation serveur PHP, il faut donc que vous récupériez les informations du formulaire dans une page PHP et non dans une page fini.html qui ne peut concernner uniquement l'affichage.
On dit pour les pages internet qu'il faut séparer le contenu de la forme(HTML+CSS).
Si votre contenu est une information venant de l'utilisateur(ou allant vers l'utilisateur) en informatique ces informations se nomment données ou variable de programmation.

Ici un exemple PHP de transfert de données(informations) par un formulaire HTML.

http://fr.openclassrooms.com/informatique/cours/concevez-votre-site-web-avec-php-et-mysql/transmettre-des-donnees-avec-les-formulaires

Pour me paraphraser encore une fois lorsque l'on affiche une page c'est HTML qui assure "l'intégration" et affichage de tout le contenu. Ce contenu peut être directement rempli dans la page ou venant d'une autre source comme une base de données qui est relié à la page par PHP:

Voici le principe (et donc les technologies misent en oeuvre pour cela, que ce soit dans le sens de l'envoi d'information de l'utilisateur vers le serveur (formulaire HTML)ou de vers le serveur vers l'utilisateur(page web HTML))

https://www.commentcamarche.net/contents/221-reseaux-architecture-client-serveur-a-3-niveaux

En espérant vous avoir aidé à comprendre Comment ça Marche
0