Quiz HTML et formulaires web

Podcast

Play an AI-generated podcast conversation about this lesson

Questions and Answers

Quelle balise HTML est utilisée pour définir un formulaire sur une page web?

`<article>`
`<div>`
`<form>` (correct)
`<section>`

L'attribut `action` dans la balise `<form>` spécifie quoi?

La ressource (URL) qui traitera les données du formulaire. (correct)
Le style CSS appliqué au formulaire.
Le type de données acceptées par le formulaire.
La méthode d'envoi des données du formulaire.

Quelle est la différence principale entre les méthodes `GET` et `POST` pour l'envoi de données de formulaire?

`GET` envoie les données via l'URL, tandis que `POST` les envoie via une requête HTTP. (correct)
`GET` est plus sécurisée que `POST`.
`GET` peut envoyer de grandes quantités de données, contrairement à `POST`.
`GET` est utilisée pour les données sensibles, tandis que `POST` est pour les données non sensibles.

Dans un formulaire HTML, quel est le rôle de l'élément `<input>`?

<p>Permettre différents types d'entrée de données selon la valeur de l'attribut <code>type</code>. (B)</p> Signup and view all the answers

Si vous souhaitez créer un champ de saisie pour que l'utilisateur entre son adresse e-mail, quel type d'input utiliseriez-vous?

<p><code><input type="email"></code> (B)</p> Signup and view all the answers

Quelle méthode est recommandée pour définir la couleur de fond d'un élément HTML en utilisant les standards actuels du web ?

<p>Définir la couleur via une feuille de style CSS en utilisant la propriété <code>background-color</code>. (C)</p> Signup and view all the answers

Quel est l'avantage principal d'utiliser des listes en HTML pour organiser le contenu d'une page web ?

<p>Les listes améliorent la clarté et l'organisation du contenu, facilitant la lecture et la compréhension. (C)</p> Signup and view all the answers

Si vous souhaitez qu'un texte apparaisse en rouge, quelle serait la méthode la plus appropriée en suivant les standards HTML et CSS actuels ?

<p>Définir une règle CSS pour l'élément contenant le texte, avec <code>color: red;</code>. (A)</p> Signup and view all the answers

Dans quel cas l'utilisation d'une liste de définition HTML (`<dl>`, `<dt>`, `<dd>`) serait-elle la plus appropriée ?

<p>Pour présenter un glossaire de termes et leurs définitions. (D)</p> Signup and view all the answers

Si vous trouvez le code couleur `#745` dans un ancien document HTML, à quelle couleur cela correspond-il approximativement, et quelle est sa forme complète en hexadécimal ?

<p>Vert olive foncé, <code>#774455</code> (A)</p> Signup and view all the answers

Parmi les méthodes suivantes, laquelle est déconseillée pour créer des dispositions d'éléments en HTML ?

<p>Tableaux HTML (A)</p> Signup and view all the answers

Quel est le but principal du Responsive Web Design ?

<p>Utiliser HTML et CSS pour adapter automatiquement un site web à différents appareils. (A)</p> Signup and view all the answers

Quelle unité CSS est utilisée pour définir la taille du texte de manière réactive par rapport à la largeur de la fenêtre du navigateur ?

<p>vw (B)</p> Signup and view all the answers

Où doit-on typiquement inclure la balise pour assurer un rendu responsive correct sur les appareils mobiles ?

<p>Dans l'en-tête (``) du document HTML. (B)</p> Signup and view all the answers

Parmi les éléments suivants, lequel n'est pas directement associé à la création de formulaires HTML ?

<p>Balise <code><div></code> (B)</p> Signup and view all the answers

Quel est le rôle principal de la balise `<form>` dans un formulaire HTML ?

<p>Conteneur pour les champs de saisie et définir la méthode d'envoi des données. (B)</p> Signup and view all the answers

Lequel des éléments suivants permet à l'utilisateur de sélectionner une ou plusieurs options dans une liste ?

<p><code><select></code> (C)</p> Signup and view all the answers

Quelle est la principale utilité de la validation automatique dans les formulaires HTML5 ?

<p>Améliorer l'expérience utilisateur en vérifiant les données saisies côté client avant l'envoi au serveur. (C)</p> Signup and view all the answers

Quelle balise HTML est utilisée pour créer un bouton radio qui permet à l'utilisateur de sélectionner une seule option parmi plusieurs?

<p><code><input type="radio"></code> (D)</p> Signup and view all the answers

Dans un formulaire HTML, quel attribut de la balise `<select>` permet à l'utilisateur de sélectionner plusieurs options simultanément ?

<p>multiple (D)</p> Signup and view all the answers

Laquelle des affirmations suivantes décrit le mieux la fonction des cases à cocher (`checkbox`) dans un formulaire HTML ?

<p>Elles permettent de sélectionner zéro, une ou plusieurs options parmi plusieurs. (A)</p> Signup and view all the answers

Si vous souhaitez qu'une option d'une balise `<select>` soit sélectionnée par défaut au chargement de la page, quel attribut devez-vous utiliser dans la balise `<option>` correspondante ?

<p>selected (D)</p> Signup and view all the answers

Quel est l'objectif principal de l'attribut `name` dans une balise `<select>` ou `<input>` d'un formulaire HTML ?

<p>Représenter le nom du point de données associé lors de la soumission au serveur. (B)</p> Signup and view all the answers

Dans un formulaire HTML, quel type d'input serait le plus approprié pour permettre à un utilisateur de spécifier son âge?

<p><code><input type="number"></code> (B)</p> Signup and view all the answers

Quelle est la différence principale entre un bouton radio et une case à cocher dans un formulaire HTML?

<p>Un bouton radio permet de sélectionner une seule option, tandis qu'une case à cocher permet d'en sélectionner zéro, une ou plusieurs. (A)</p> Signup and view all the answers

Lequel des attributs suivants n'est pas directement associé à la balise `<select>`?

<p>selected (D)</p> Signup and view all the answers

Quelle balise HTML5 est spécifiquement conçue pour la sélection d'un fichier sur l'ordinateur de l'utilisateur?

<p><code><input type="file"></code> (D)</p> Signup and view all the answers

Parmi les types d'entrée HTML5 suivants, lequel est le plus approprié pour recueillir le numéro de téléphone d'un utilisateur?

<p><code><input type="tel"></code> (D)</p> Signup and view all the answers

Quel type d'entrée HTML5 permet de sélectionner une date et une heure sans information de fuseau horaire?

<p><code>datetime-local</code> (B)</p> Signup and view all the answers

Quelle est la principale utilité de la balise `<input type="email">` en HTML5, au-delà de la simple collecte d'une adresse e-mail?

<p>Valider automatiquement le format de l'adresse e-mail et afficher un clavier adapté sur smartphone. (B)</p> Signup and view all the answers

Comment peut-on permettre à un utilisateur de choisir sa couleur préférée à partir d'un sélecteur de couleurs intégré dans un formulaire HTML5?

<p>En utilisant la balise <code><input type="color"></code>. (A)</p> Signup and view all the answers

Dans un formulaire HTML5, si vous souhaitez permettre à un utilisateur de sélectionner un mois et une année, quel type d'input utiliseriez-vous?

<p><code><input type="month"></code> (B)</p> Signup and view all the answers

Quelle est la fonction principale de la balise `<input type="button">` dans un formulaire HTML?

<p>Définir un bouton cliquable qui peut être utilisé avec JavaScript pour exécuter des actions. (D)</p> Signup and view all the answers

Si un développeur souhaite recueillir la date de naissance d'un utilisateur dans un formulaire HTML5, quelle balise serait la plus appropriée?

<p><code><input type="date"></code> (A)</p> Signup and view all the answers

Dans CSS, quel symbole est utilisé pour cibler un élément par son identifiant?

<h1>(A)</h1> Signup and view all the answers

Quelle est la principale contrainte lors de l'utilisation des sélecteurs d'identifiant en CSS?

<p>L'identifiant doit être unique dans tout le document HTML. (A)</p> Signup and view all the answers

Quel est le résultat du code CSS suivant: `#exemple { background-color: blue; }`?

<p>Seul l'élément avec l'identifiant <code>exemple</code> aura un arrière-plan bleu. (C)</p> Signup and view all the answers

Dans quel cas l'utilisation d'un sélecteur d'identifiant est-elle la plus appropriée?

<p>Pour styliser un élément spécifique et unique sur une page. (C)</p> Signup and view all the answers

Si deux éléments dans un même document HTML ont le même identifiant, quel sera le comportement du navigateur en termes d'application des styles CSS associés à cet identifiant?

<p>Le comportement est imprévisible et peut varier selon le navigateur. (D)</p> Signup and view all the answers

Lequel des énoncés suivants décrit le mieux la spécificité d'un sélecteur d'ID en CSS?

<p>Il a une spécificité plus élevée qu'un sélecteur de type. (A)</p> Signup and view all the answers

Comment combiner un sélecteur d'ID avec un autre sélecteur (par exemple, un sélecteur de type) pour cibler plus précisément un élément?

<p>En les concaténant directement: <code>div#monId</code>. (C)</p> Signup and view all the answers

Dans le contexte du CSS, que signifie `rgba(255, 255, 0, 0.2)`?

<p>Une couleur jaune avec une transparence de 20%. (A)</p> Signup and view all the answers

Flashcards

Attribut `bgcolor`

Un attribut HTML qui spécifie la couleur de fond d'un élément.

Codes de couleur HTML

Une manière de représenter les couleurs en HTML utilisant un code hexadécimal (ex: #FF0000 pour le rouge).

Objectif des listes HTML

Un moyen d'ajouter de l'ordre et de la structure à un document web.

Listes ordonnées (HTML)

Une liste dans laquelle l'ordre des éléments est important, affichée avec des numéros ou des lettres.