TD2 Tableaux
Télécharger le TD2 Tableaux en pdf
Page 1 : TP 2 : Tableaux et Formulaires L’équipe enseignante INFO4 PréING2 Année 2023-2024 1 EXERCICE 1 : Formulaire de connexion 1- Créer un formulaire de connexion comme l'image suivante. 2- Pour le bouton "Sing In", effectuez les modifications pour ajouter une image après le texte. EXERCICE 2 : Formulaire d'inscription: Créer un formulaire d'inscription avec les champs suivants : Nom, Prénom, Numéro étudiant, Groupe A, B, C, D, E et Photo. Pour la photo le formulaire n'accepte que le format image. La balise « Form » doit avoir les attributs « enctype="multipart/form-data" » et « method="post" » pour pouvoir envoyer correctement au serveur le contenu du fichier chargé. Votre page doit ressembler à l'image suivante.
Page 2 : TP 2 : Tableaux et Formulaires L’équipe enseignante INFO4 PréING2 Année 2023-2024 2 EXERCICE 3 : Formulaire : 1. Créer un formulaire avec un attribut d'action « post ». 2. Mettre en place le pourtour du formulaire à l’aide de la balise fieldset ; le texte en haut à gauche du cadre s’obtient grâce à la balise legend. La cible action du formulaire sera page1.php. 3. Ajouter les champs suivants et un bouton d'envoi : a. Prénom et nom de famille obligatoires et la taille maximale est de 50 caractères pour chaque champ. b. Adresse e-mail, adresse e-mail à nouveau. c. Âge, entre 18 et 125 ; le champ doit être numérique et doit accepter maximum trois caractères. d. Le Genre, plusieurs options Homme, Femme, Autre, Je ne veux pas me positionner, etc. ; l'utilisateur ne doit sélectionner qu'une seule option. e. Une boîte de sélection « Plan » contenant les options « Basic, Premium, Titanium » ; l'utilisateur peut sélectionner une ou plusieurs options. f. Un champ « Taille de chemise » du type radio avec les valeurs de Small, Medium, Large. g. Une liste de loisirs ; l'utilisateur peut sélectionner un ou plusieurs loisirs de la liste proposée sport, lecture, photographie, jardinage, musique, etc.. h. Numéro de téléphone. i. Couleur préférée. j. Commentaires. k. Ajouter un bouton qui réinitialise tous les champs du formulaire à leur valeur défaut, lorsqu’on clique sur le bouton. Votre page doit ressembler à l'image suivante.
Page 3 : TP 2 : Tableaux et Formulaires L’équipe enseignante INFO4 PréING2 Année 2023-2024 3
