CATALOGUE Code & Data Formation XHTML/CSS Cours HTML5 et CSS3 / Part 1 Les Différents Types de l'Attribut Input en HTML5

Les Différents Types de l'Attribut Input en HTML5

Les attribut de la balise input
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Cours HTML5 et CSS3 / Part 1
Revoir le teaser Je m'abonne
5,0
Transcription
39,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
5,0
39,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Exploration des Nouveaux Types d'Input en HTML5

Objectifs

L'objectif de cette vidéo est de familiariser les utilisateurs avec les différents types d'attributs input en HTML5, ainsi que de démontrer leur utilisation correcte pour améliorer la validation des formulaires et l'expérience utilisateur.

Résumé

Dans cette leçon, vous apprendrez les diverses valeurs de l'attribut type de la balise input en HTML5. Ces nouvelles valeurs permettent de mieux structurer les formulaires et de faciliter leur validation.

Description

Cette leçon traite des divers types d'attributs de la balise input en HTML5. Elle commence par illustrer l'usage de input type="tel" pour vérifier que seuls les chiffres sont entrés dans un champ de téléphone. Ensuite, d'autres types comme search, url, et email sont abordés, montrant comment ils rendent les formulaires plus sémantiques et accessibles.

La leçon continue avec des inputs de date et d'heure, tels que date et datetime-local, qui permettent aux utilisateurs de sélectionner une date directement dans un petit calendrier intégré au navigateur. D'autres types d'input comme range, qui offre un curseur pour choisir une valeur, et les types checkbox et radio, sont également explorés.

Pour finir, les fonctions des boutons submit et reset sont expliquées, montrant comment soumettre et réinitialiser un formulaire. La leçon insiste sur la nécessité d'avoir des noms d'attributs cohérents pour les boutons radio afin de garantir leur fonctionnement correct.

Voir plus

Questions - réponses

Quel est l'avantage d'utiliser input type="tel" ?
L'avantage d'utiliser input type="tel" est qu'il permet de vérifier que seuls des chiffres sont entrés, facilitant ainsi la validation des numéros de téléphone.
Pourquoi les boutons radio doivent-ils partager le même attribut name ?
Les boutons radio doivent partager le même attribut name pour que le navigateur les traite comme un groupe. Cela permet de limiter la sélection à une seule option parmi le groupe.
Quelle est la différence entre les attributs type="submit" et type="reset" ?
L'attribut type="submit" envoie le formulaire au serveur pour traitement, tandis que l'attribut type="reset" réinitialise le formulaire à son état initial, effaçant toutes les saisies.
8 commentaires
5,0
8 votes
5
4
3
2
1
Polyores
Il y a 1 year
Commentaire
Bravo et bravo encore. Belle méthodologie. Hâte de voir la suite de la démystification du Html
ralahoul
Il y a 1 year
Commentaire
Une formation très intéressante et très bien construite.
eric.gk78
Il y a 3 years
Commentaire
excellent, compréhensible pour les débutants
alexwebtv
Il y a 3 years
Commentaire
Très bonne formation .
gabamano85
Il y a 3 years
Commentaire
Très belle présentation et facile à comprendre même pour un novice.
olivier_89
Il y a 3 years
Commentaire
explication très organisée et simple de comprendre pour les débutants
a.platiau_1
Il y a 3 years
Commentaire
Super formation. Très claire et très bien organisée.
ezerrou
Il y a 3 years
Commentaire
est ce la 2éme partie existe sur ce cours?