Institut Supérieur d'Informatique et de Mathématiques de Monastir Année universitaire : 2022-2023 SERIE DE TP N° 2 Matidre : Programmation Web Fi PI2 Enseignant : M. BEN SALEM Formulaires HTML Objectifs : Le but de ce TP est de comprendre la structure d'un document HTML de type formulaire. Exercice 1 Créez ce formulaire HTML. Gestion de produits REF:[SSSS™S™S™S™~*&di@Deseription:[SSS~™dS oe] (AJOUTER] [EFFACER ] eforence]|description [prix unitaire [quantitd| o pt [10 ro p pe jpo ps B 3 [20 jer E pa Ips if Exercice 2 Créez un document HTML intégrant deux contenus audio et deux contenus vidéos. Page 1/2Exercice 3 Créez,ce formulaire HTML. cavities © Monsieur © Madame © Mademoiselle Nom /Prénom sire [ = ex oo Pays | Plateforme(s) windows ¥ Macintosh Unix (Bureautique 2 DAO. 'SGBD Applications(s) Indications sur le formulaire : + Les boutons radio appartiennent au méme groupe (exclu fement mutuelles).. % Le champ Localité posséde une valeur prédéfinie : Tunis. + La liste des pays contient les noms suivants (dans cet ordre) : Algérie, Libye, Maroc et Tunisie. Avec Tunisie est présélectionnée. * La liste Applications permet plusieurs choix possibles avec size"4" et multiple comme attribut de Ia liste. Exercice 4 Ecrire une page HTMLS, destiné a l'envoi d'un fichier en upload HTTP. Pour cela nous aurons recours a un formulaire tel que celui-ci : Il présente une zone de saisie pour un identifiant (input de type text qui aura automatiquement le focus dés louverture de la page et dont la valeur saisie devra impérativement commencer par une lettre minuscule (faire en sorte que l'utilisateur en soit informé en cas ’échec par l'attribut title), Il présente une zone de saisie pour un mot de passe (input de type password contenant impérativement entre 4 et 8 caractéres contenant impérativement au moins un chiffre, une lettre majuscule, une lettre minuscule et un autre caractére Il présente un champ caché nommé MAX_FILE_SIZE et dont la valeur sera 3000 (input de type hidden). Ce champ peut limiter la taille du fichier transféré aussi bien au niveau du navigateur qu‘au niveau du script traitant le formulaire coté serveur. II présente une zone de saisie pour des fichiers (input de type file en mode multiple. II présente un bouton d'envoi. Lienvoi de ce formulaire est désactivé. Page 2/24) wirDpor" This document was created with the Win2PDF “Print to PDF” printer available at https://www.win2pdf.com This version of Win2PDF 10 is for evaluation and non-commercial use only. Visit httos://www.win2paf.comv/triall for a 30 day trial license. This page will not be added after purchasing Win2PDF. hittps://www.win2pdf.com/purchase/