Cas pratique - Envoi des données d'un formulaire sur une autre page HTML, et récupération de ces dernières

Nous allons voir le cas ou, depuis une page HTML, il y a un formulaire, et l'envoi des données de ce formulaire vers une autre page HTML. L'exercice consiste à récupérer les données sans encombre.

Etape 1 : Conception de la page qui contient le formulaire (un.htm)

Cette page contient simplement un formulaire avec 3 boutons Radio Marie, Celibataire, Divorce. Ces 3 boutons ont le même nom : BTREtatCivil. Nous allons envoyer le résultat de ce formulaire à la page deux.htm, grâce à la méthode GET, lorsque nous allons cliquer sur le bouton SUBMIT :

<HTML>
  <HEAD> </HEAD>
  <BODY>

    <FORM METHOD="GET" action="deux.htm">

    Votre nom :
      <INPUT TYPE="text" NAME=EDINom VALUE=LeNom> <BR>
    Vous aimez :
      <SELECT name="LIMPreference">  
        <OPTION>La mer</OPTION>
        <OPTION>La montagne</OPTION>
      </SELECT> <BR>    
    Vous êtes : <BR>
      <INPUT TYPE="radio" NAME=BTREtatCivil VALUE=Marie>Marié(e)          <BR>
      <INPUT TYPE="radio" NAME=BTREtatCivil VALUE=Celibataire>Célibataire <BR>
      <INPUT TYPE="radio" NAME=BTREtatCivil VALUE=Divorce>Divorcé(e)      <BR>
      
      <INPUT TYPE="SUBMIT" VALUE="OK">
    </FORM>

  </BODY>
</HTML>

Voici le formulaire à quoi il ressemble :

    Votre nom :       
    Vous aimez :       
         Vous êtes :
       Marié(e)          
       Célibataire
       Divorcé(e)      
            

Etape 2 : analyse de l'appel à la page deux.htm

Lorsque nous allons cliquer sur le bouton SUBMIT (OK), la page deux.htm sera appelée, avec un complément dans l'URL :

http://www.nomduserveur.com/eventuelsousdossier/deux.htm?EDINom=Marcel+Dupont&LIMPreference=La+montagne&BTREtatCivil=Celibataire

On constate que directement après deux.htm, il y a un ?. Ensuite vient le premier élément de focumaire : EDINom (NAME=EDINom) , puis le signe = et le contenu (Marcel+Dupont) . L'espace est remplacé par le signe +. Ensuite, et c'est valable à chaque changement, il y a le & qui désigne le changement d'élément de formulaire (&LIMPreference=La+montagne) , et on termine avec l'état civil. Après il n'y a plus rien.

Et si le nom avait été effacé ? deux.htm?EDINom=&LIMPreference=La+mer&BTREtatCivil=Celibataire

Et si rien n'avait été coché dans les boutons radio ? Alors, le dernier paramètre disparait : deux.htm?EDINom=Dupont&LIMPreference=La+mer

Et si rien n'avait été choisi dans la liste déroulante ? et bien, je pense que le paramère n'aurait carrément pas apparu : EDINom=Marcel+Dupont&BTREtatCivil=Celibataire

Etape 3 : Conception de la page de récupération (deux.htm)

d