Mi 2an29 Rattr Web2021
Mi 2an29 Rattr Web2021
Mi 2an29 Rattr Web2021
Examen de Rattrapage
Module : Développement des Applications Web
Questions de cours(5pts) :
Q2 :Si nous souhaitons définir le style d’un seule élément, quel sélecteur css utiliserons-nous?
a- id
b- text
c- class
d-name
Exercice (15pts) :
Dans cet exercice, vous allez créer une page de formulaire html qui prend le prénom, le nom, la date de
naissance et l’adresse e-mail d’un chercheur d’emploi.
-le formulaire crée le fichier fiche.html contient :
-quatre zones de saisie de texte portant le même nom,
-une liste de sélection avec l’attribut multiple,
-une dizaine de cases à cocher ayant le même nom.
- vous devrez créer les champs nécessaires dans cet esprit et suivant la figure suivant :
-l’objet
l’objet du formulaire est faire saisir une fiche de renseignements par l’utilisateur puis afficher l’ensemble
de ces informations.
-le
le script cible du formulaire contenu dans le fichier fiche.php récupère les données et réalise une fiche
récapitulative des informations personnels si les variables du tableau $_POST existent ou , dans le cas
contraire, une boite d’alerte,, à l’aide de la fonction JavaScript alert(), et une redirection vers la page de
saisie.
-le calcule d’âge de l’utilisateur est calculé via l’appel d’une fonction calcul-Age(),
calcul et accepte comme
paramètre la date de naissance de l’utilisateur.
l’utilisateur
-la figure suivante donne un exemple de résultat souhaité.
CORRIGER TYPE
Q1 :HTML est considéré comme ?
a-Langage de programmation
b-Langage POO
c -Langage de haut niveau
d-Langage de balisage
Q2 :Si nous souhaitons définir le style d’un seule élément, quel sélecteur css utiliserons-nous?
a- id
b- text
c- class
d-name
EXERCICE
<!doctype html>
<html lang="fr">
<head>
<title>Recherche d'emploi</title>
<style>
fieldset {
border: 2px solid #dcdcdc;
border-radius: 10px;
padding: 10px 20px;
text-align: leftt;
}
legend {
width:40%;
}
</style>
</head>
<body>
<div class="container">
<form method="post" action="tp&.php" >
<fieldset>
<legend>Recherche d'emploi:</legend>
<strong>Remplir la fiche</strong>
<hr>
<div class="row">
<div class="col-sm-3">
<label for="ex1" >Prénom</label>
<input type="text" name="ident[]" class="form-control" />
</div>
<div class="col-sm-3">
<label for="ex2">Nom</label>
<input type="text" name="ident[]" class="form-control" />
</div>
<div class="col-sm-3">
<label for="ex3">Naissance</label>
<input type="date" name="ident[]" class="form-control"/>
</div>
<div class="col-sm-3">
<label for="ex3" >Email</label>
<input type="email" name="ident[]" class="form-control"/>
</div>
</div>
<div>
<hr>
<div class="row mt-2">
<div class="col-sm-4">
<strong>Langues pratiquées</strong><br />
<select name="lang[]" multiple="multiple" class="custom-select">
<option value="allemand"> Allemand</option>
<option value="anglais"> Anglais</option>
<option value="arabe"> Arabe</option>
<option value="espagnol"> Espagnol</option>
<option value="italien"> Italien</option>
<option value="français"> Français</option>
</select>
</div>
<div class="col-sm-8">
<strong>Compétences informatiques</strong><br />
<div class="form-check form-check-inline">
<label class="form-check-label">HTML 5</label>
<input class="form-check-input ml-1" type="checkbox" name="competence[]" value="HTML 5"
/>
</div>
<div class="form-check form-check-inline">
<label class="form-check-label">CSS 3</label>
<input class="form-check-input ml-1" type="checkbox" name="competence[]" value="CSS 3" />
</div>
<div class="form-check form-check-inline">
<label class="form-check-label">Javascript</label>
<input class="form-check-input ml-1" type="checkbox" name="competence[]"
value="Javascript" />
</div>
<div class="form-check form-check-inline">
<label class="form-check-label">jQuery</label>
<input class="form-check-input ml-1" type="checkbox" name="competence[]"value="jQuery" />
</div>
<div class="form-check form-check-inline">
<label class="form-check-label">AJAX</label>
<input class="form-check-input ml-1" type="checkbox" name="competence[]" value="AJAX" />
</div>
<div class="form-check form-check-inline">
<label class="form-check-label">PHP</label>
<input class="form-check-input ml-1" type="checkbox" name="competence[]" value="PHP" />
</div>
<div class="form-check form-check-inline">
<label class="form-check-label">MySQL</label>
<input class="form-check-input ml-1" type="checkbox" name="competence[]" value="MySQL" />
</div>
<div class="form-check form-check-inline">
<label class="form-check-label">JEE</label>
<input class="form-check-input ml-1" type="checkbox" name="competence[]" value="JEE" />
</div>
<div class="form-check form-check-inline">
<label class="form-check-label">ASP.Net</label>
<input class="form-check-input ml-1" type="checkbox" name="competence[]" value="ASP.Net"
/>
</div>
</div> </div>
<hr>
<div class="row">
<div class="col-sm-8">
<button type="reset" class="btn btn-primary" name="effacer">Effacer</button>
<button type="submit" class="btn btn-primary" name="envoyer">Envoyer</button>
</div>
</div>
</fieldset>
</form>
</div>
</script>
</body>
</html>
<!doctype html>
<html lang="fr">
<head>
<title>Afficher</title>
<style>
fieldset {
border: 2px solid #dcdcdc;
border-radius: 10px;
padding: 10px 20px;
text-align: leftt;
}
legend {
width:15%;
}
</style>
</head>
<body>
<div class="container">
</br>
<?php
function calcul_age($dteNaissance){
$interval = date_diff(date_create(), date_create($dteNaissance));
if($interval->format("%M")==00)
{return $interval->format(" %Y ans, %d jours");
}
else{return $interval->format(" %Y ans, %M Mois, %d jours");
}
if(isset($_POST["ident"]) && isset($_POST["lang"]) && isset($_POST["competence"]))
{