CATALOGUE Code & Data Formation XHTML/CSS Apprendre HTML 5 Comprendre et Utiliser les Checkbox en HTML

Comprendre et Utiliser les Checkbox en HTML

Les cases a cocher
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre HTML 5
Revoir le teaser Je m'abonne
3,7
Transcription
79,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
3,7
79,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Introduction aux Inputs Checkbox

Objectifs

Les objectifs de cette vidéo sont de :

  • Montrer comment ajouter des inputs de type checkbox dans un formulaire HTML.
  • Expliquer la différence entre les checkboxes et les boutons radio.
  • Illustrer l'utilisation des attributs required et checked.
  • Décrire l'importance de l'attribut name pour les inputs checkbox.

Résumé

Apprenez à intégrer des champs checkbox dans vos formulaires HTML pour permettre une sélection multiple par les utilisateurs.

Description

Dans cette leçon, nous allons découvrir comment utiliser les inputs de type checkbox dans un formulaire HTML. Contrairement aux boutons radio qui permettent une sélection unique, les checkboxes offrent la possibilité à l'utilisateur de sélectionner plusieurs options. Nous illustrerons cela avec un exemple de formulaire de commande de pizza, où l'utilisateur peut sélectionner les ingrédients de son choix tels que jambon, fromage, et champignons.

Il est également possible de précocher une case selon les besoins de l'application, ce qui peut être pertinent pour proposer une valeur par défaut. Nous examinerons aussi l'utilisation des attributs required et checked, ainsi que l'importance de donner le même name à tous les inputs checkbox pour que les données soient correctement regroupées lors de l'envoi du formulaire.

Cette vidéo a pour objectif de vous fournir une compréhension approfondie de la mise en place et de l'utilisation des checkboxes en HTML, et de vous permettre de les utiliser efficacement dans vos projets de développement web.

Voir plus

Questions - réponses

Quelle est la différence principale entre une checkbox et un bouton radio?
Les checkboxes permettent des sélections multiples, tandis que les boutons radio ne permettent qu'une sélection unique au sein d'un groupe.
Pourquoi est-il important de donner le même name aux inputs checkbox?
Donner le même name permet de regrouper les données des checkboxes sous un même intitulé lors de l'envoi du formulaire.
Comment précocher une checkbox par défaut?
Pour précocher une checkbox, on utilise l'attribut checked dans la balise input correspondante.

Programme détaillé

header 03:28
nav 01:05
main 01:22
footer 01:06
section 02:18
aside 01:09
article 04:21
9 commentaires
3,7
9 votes
5
4
3
2
1
henridjithat
Il y a 1 year
Commentaire
Parfait pour un débutant.
geoffrey.monange
Il y a 2 years
Commentaire
Excellent tout parait simple et logique à la fin !
PASTRI49
Il y a 3 years
Commentaire
Bravo! car sincèrement dans l'ensemble il y a un vrai travail de fond et surtout d'excellentes bases que vous nous dévoilez. Après bien évidemment à chacun de se créer son univers de progression à travers différentes recherches autres... mais ne soyons pas trop dur non plus au niveau d'exigences démesurées et reconnaissons quand même avec un minimum de correction la qualité d'ensemble de ce qui nous est dévoilé. Sincèrement moi j'ai apprécié cette formation, qui m'a quand même appris des choses que je ne connaissais pas dans la profondeur. Donc merci !
jpe.beno
Il y a 3 years
Commentaire
Bonjour, dans le site final, il y a les explications du html (ok pour moi) mais ou sont les vidéos pour expliquer le css du site final ?
passprod_1
Il y a 3 years
Commentaire
Les vidéos des cours css dans cette formation "apprendre le HTML 5" sont impossibles à suivre pour une personne débutante... Les exercices css ne sont pas dans le dossier à télécharger.
allal73
Il y a 3 years
Commentaire
Bonne formation , merci , svp je pense qu'il manque des cours au chapitre 11 c'est manquant, je n'ai aucune info sur cette épisode, vous passez directement sur un exercice dont nous n'avons pas traité merci de corrigé, je n'est pas tous fini ma formation cela m'a perturber énormément.
lcerva38
Il y a 3 years
Commentaire
Je confirme certains modules traite du css et pas du html.
missant974
Il y a 4 years
Commentaire
J'ai commencé à suivre ces vidéos qui sont de qualité, mais malheureusement certains modules ne correspondent pas au sujets abordés, erreur lors de l'upload. Exemple le module 16 traite du CSS et non pas du HTML.
stephane.cade
Il y a 4 years
Commentaire
Bonne formation. Je me demande s'il n'y a pas une anomalie au niveau du module 11. Une leçon manquante.J'ai eu le sentiment d'avoir manqué un épisode, alors que ce n'était pas le cas. Il me semble que c'était dans le module 11. Merci.