Exercice 1 — QCM de technologies web, dans l’esprit des sessions 2022–2024
Pour chacune des questions ci-dessous, mettre une croix (X) dans la case correspondant à la réponse correcte.
Important : pour chaque question, toute réponse comportant plus d’une croix est considérée erronée.
- En HTML, quel évènement utiliser pour déclencher une action au moment où l’utilisateur quitte un champ de saisie (le champ perd le focus) ? ☐ onfocus ☐ onblur ☐ onload
- En HTML5, quelle balise permet de donner un titre au groupe d’éléments défini par la balise
<fieldset>? ☐<caption>☐<legend>☐<figcaption> - Soit le formulaire
<form action="recherche.php" method="get">contenant un seul champ, nommé station, dans lequel on a saisi 4. Après l’envoi, la barre d’adresse du navigateur affiche : ☐ recherche.php ☐ recherche.php?station=4 ☐ recherche.php#station=4 - Soit l’élément
<div id="carte" class="zone">. Quelle règle CSS s’applique à cet élément par son identifiant ? ☐.carte { border : 1px solid gray ; }☐#carte { border : 1px solid gray ; }☐carte { border : 1px solid gray ; } - En CSS, quelle déclaration déplace un élément de 20 pixels vers la droite ? ☐
transform : translate(20px, 0px) ;☐transform : rotate(20px) ;☐transform : scale(20px) ; - En JavaScript, que contient la variable x après l’exécution de l’instruction
let x = "5" + 3 ;? ☐ 8 ☐ "53" ☐ une erreur est générée - En PHP, quelle expression permet de tester si la case à cocher nommée casque d’un formulaire envoyé par la méthode POST a été cochée ? ☐
isset($_POST["casque"])☐isset($_GET["casque"])☐strlen("casque") > 0 - En SQL, quel mot-clé interdit que deux lignes d’une table aient la même valeur dans une colonne qui n’est pas la clé primaire ? ☐ DEFAULT ☐ CHECK ☐ UNIQUE
Voir la correction commentéeAprès avoir posé votre démarche
Idée : repérer d’abord la couche visée (HTML, CSS, JavaScript, PHP, SQL), puis éliminer les propositions qui appartiennent à un autre langage ou qui confondent deux notions voisines.
- 1. onblur — onblur se déclenche quand le champ perd le focus ; onfocus, quand il le reçoit ; onload, au chargement de la page.
- 2.
<legend>—<legend>est le titre d’un<fieldset>;<caption>est le titre d’un tableau,<figcaption>la légende d’une<figure>. - 3. recherche.php?station=4 — avec GET, les données sont ajoutées à l’adresse après un « ? », sous la forme nom=valeur ; « # » introduit une ancre, pas des données.
- 4.
#carte { border : 1px solid gray ; }— le préfixe # désigne un identifiant ;.carteviserait la classe carte (l’élément a la classe zone) etcarteune balise<carte>qui n’existe pas. - 5.
transform : translate(20px, 0px) ;— translate déplace (ici de 20 px horizontalement, 0 px verticalement) ; rotate tourne (en degrés) et scale agrandit (sans unité) :rotate(20px)etscale(20px)ne sont pas valides. - 6. "53" — "5" est une chaîne :
+entre une chaîne et un nombre concatène, x vaut la chaîne "53" ; aucune erreur n’est générée. - 7.
isset($_POST["casque"])— une case non cochée n’est pas envoyée, la clé$_POST["casque"]n’existe alors pas : isset teste l’existence de la clé.isset($_GET["casque"])est toujours faux ici, car le formulaire est envoyé par POST (rien n’arrive dans$_GET) ; strlen("casque") mesure le mot « casque » lui-même : 6, que la case soit cochée ou non, doncstrlen("casque") > 0est toujours vrai et ne teste rien. - 8. UNIQUE — UNIQUE impose des valeurs distinctes dans une colonne ; DEFAULT donne une valeur par défaut et CHECK une condition sur les valeurs.
Barème de l’épreuve : 0,25 point par question ; une question comportant deux croix ou plus vaut 0.