Comment Créer un Formulaire en HTML

Le label et l'input
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

À la fin de cette vidéo, vous saurez comment :

  • Utiliser les balises label et input
  • Lier des labels à des inputs pour une meilleure accessibilité
  • Appliquer des attributs pour guider les utilisateurs
  • Rendre des champs obligatoires

Découvrez comment structurer correctement un formulaire HTML avec des balises de type label et input pour une meilleure expérience utilisateur.

Dans cette leçon, nous explorons la création d'un formulaire HTML en utilisant les balises label et input. Vous apprendrez à associer ces balises pour améliorer l'expérience utilisateur, surtout sur des dispositifs mobiles. Nous verrons comment ajouter des attributs pour rendre les champs de formulaires plus explicites et intuitifs.

Nous commencerons par créer une étiquette avec la balise label, puis ajouterons un champ de texte avec la balise input. Vous découvrirez l'importance des attributs for et id pour établir une liaison entre le label et le champ de formulaire. Nous aborderons également les attributs type et name, ainsi que l'utilisation correcte du placeholder pour guider l'utilisateur.

Enfin, nous verrons comment rendre certains champs obligatoires avec l'attribut required, garantissant ainsi une saisie correcte et complète des informations par l'utilisateur.

Voir plus
Questions réponses
Pourquoi est-il important de lier une balise label à un input?
Lier une balise label à un input améliore l'accessibilité en permettant aux utilisateurs de cliquer sur le label pour activer le champ de saisie, ce qui est particulièrement utile pour les dispositifs mobiles.
Quel attribut utilise-t-on pour rendre un champ de formulaire obligatoire?
L'attribut required est utilisé pour rendre un champ de formulaire obligatoire, ce qui force l'utilisateur à remplir ce champ avant de soumettre le formulaire.
Quelle est la différence entre les attributs 'placeholder' et 'value'?
L'attribut placeholder affiche un texte d'aide temporaire qui disparaît lorsque l'utilisateur commence à saisir du texte, alors que l'attribut value contient une valeur prédéfinie et permanente dans le champ de texte.

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 2 ans
Parfait pour un débutant.
geoffrey.monange
Il y a 3 ans
Excellent tout parait simple et logique à la fin !
PASTRI49
Il y a 3 ans
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 ans
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 ans
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 4 ans
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 4 ans
Je confirme certains modules traite du css et pas du html.
missant974
Il y a 4 ans
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 ans
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.