Université Abou Bekr-Belkaïd – Tlemcen Année universitaire 2020-2021

ème
Faculté des Sciences 2 année Licence Informatique
Département d’Informatique DAW (Développement d’Applications Web)

TP 2 - Création de formulaires
Partie I : Contenu du Formulaire

L’objectif est de créer une page HTML dont le contenu est représenté par l’image TP2_en_Image. Pour
cela, ouvrez la page TP2.HTML avec votre éditeur et modifiez-la selon les indications suivantes :

1. Le corps de la page est une division (DIV) qui contient : un titre (H2) « Inscription pour la
formation... », et un formulaire (FORM).
2. Le formulaire est regroupé en trois FIELDSET: Informations personnelles, Qualifications et
Validation de l’inscription. Le titre de chaque FIELDSET est créé par un élément LEGEND. La
structure du formulaire est donnée donc par :
<form method="POST" action="reception.PHP">
<fieldset><legend><b>Informations Personnelles</b></legend>
…mettre le contenu du premier fieldset ici…
</fieldset>
<fieldset><legend><b>Qualifications</b></legend>
…mettre le contenu du deuxième fieldset ici…
</fieldset>
<fieldset><legend><b>Validation de l’Inscription</b></legend>
…mettre le contenu du troisième fieldset ici…
</fieldset>
</form>
3. Les éléments input suivis par (*) sont obligatoires (ajoutez l’attribut required à la balise d’ouverture
de chacun de ces éléments).
4. Les cases qui apparaissent cochées sont sélectionnées par défaut (utilisez l’attribut checked).
5. La ville de naissance doit contenir les choix: Tlemcen, Oran, Alger, Autres.
6. La date de naissance doit correspondre à un candidat ayant entre 25 et 35 ans (utiliser les attributs min
et max pour cela).
7. Le candidat peut joindre des photos de type « .PNG » ou « .JPG » et des diplômes de type «.PDF».
8. Le candidat peut maîtriser plusieurs langues.
9. Le niveau universitaire doit être entre BAC + 1 et BAC + 5.

Partie II : Règles Syntaxiques

Utiliser l’attribut pattern pour créer les restrictions suivantes :

1. Le nom et prénom doivent avoir entre 4 et 15 lettres minuscules.

2. Le numéro de téléphone doit correspondre à un téléphone mobile (Djezzy, Ooredoo ou Mobilis).
3. Le mot de passe est composé de lettres minuscules et/ou majuscule et des chiffres. Il doit commencer
par une lettre majuscule et sa taille doit être entre 5 et 10.