Précédent Suivant

Les Formulaires

Les contrôles HTML
Les bouton radio

Les bouton radio se créent avec la balise HTML :

<input type="radio" value="" checked="checked" name="" >

Pour récupérer la valeur d’un groupe de boutons radio, il faut que tous les boutons radio aient le même nom, ainsi PHP créera qu’une seule variable qui ne pourra avoir qu’une seule valeur et sera traitée comme n’importe qu’elle autre variable.

 

Exercice  : (Voir annexe Les Formulaires Exercice 4).

Créer un formulaire identique au précédent, en lui ajoutant un groupe de boutons radio permettant à l’utilisateur de choisir la civilité, comme le montre la figure 2.

 

Formulaire d'inscription

Les case à cocher et les listes de sélection.

Les case à cocher et les listes de sélection permettent d’effectuer simultanément plusieurs choix. Il est donc pratique de considérer que la réponse sera constitué par un tableau, il convient donc que l’attribut "name" des éléments "<Select>" et "<Input>" soient suivis de crochets. Ainsi PHP transformera ses variables sous forme de tableau et nous pourrons leur appliquer tous les traitements que l’on à vu au chapitre tableaux ( les boucles, les tris, etc.. ) .

Les case à cocher se créent avec la balise HTML :

<input type="checkbox" value="Physique" name="cours[]">

Les liste de selection se créent avec la balise HTML :

<select name="coursoption[]" MULTIPLE >

    <option>"élément 1 de la liste"</option>

    <option>"élément 2 de la liste"</option>

</select>

 

Exercice : (Voir annexe Les Formulaires Exercice 5).

Pour compléter notre page nous allons ajouter une liste et des case à cocher, pour ce faire, réaliser le formulaire en HTML (Voir Figure 3), puis récupérer sur une autre page PHP les valeurs saisies.

 

Formulaire d'inscription

 

 

Exercice : (Voir annexe Les Formulaires Exercice 6).

 

Soit le tableau :

$List_stagiaire=array(0=>"Madame Durant", 1=>"Mademoiselle Dupré",2=>"Alain", 3=>"Monsieur Camus", 4=>"Mon ami Jean-Marc");

Afficher les stagiaires issus du tableaux  dans une liste de sélection, puis à l’aide d’un bouton permetter à l’utilisateur d’alimenter une seconde liste des titulaire comme le montre la figue 4

 

Liste des stagiaires titulaires

 

 

 

 

 

 

 

 

Précédent Suivant