CATALOGUE Code & Data Formation XHTML/CSS Apprendre HTML 5 et CSS3 Apprenez à créer des formulaires HTML avancés

Apprenez à créer des formulaires HTML avancés

HTML5 : Les nouveaux types pour la balise input
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre HTML 5 et CSS3
Revoir le teaser Je m'abonne
Transcription
59,90€ 41,93€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
59,90€ 41,93€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Les différents types de balise input

Objectifs

A la fin de cette vidéo, vous serez en mesure de créer des formulaires HTML utilisant divers types de balises input pour une meilleure expérience utilisateur.

Résumé

Découvrez les nouveaux types d'input en HTML pour créer des formulaires plus interactifs et accessibles.

Description

Les balises de création de formulaire ont évolué, notamment la balise input qui bénéficie désormais de nombreux nouveaux types. Voici une démonstration pratique des différents types de cette balise :

  • tel : Pour les numéros de téléphone, idéal pour les smartphones.
  • search : Permet de créer un champ de recherche.
  • url : Destiné à l'insertion d'une URL.
  • email : Permet de saisir une adresse email.
  • datetime, date, month, week : Divers champs pour sélectionner des dates.
  • time : Pour l'heure précise.
  • datetime-local : Permet de choisir une date et une heure locale.
  • number : Pour insérer des chiffres avec des incréments.
  • range : Affiche un curseur de sélection de valeurs.
  • color : Permet de choisir une couleur.
Les compatibilités varient selon les navigateurs, par exemple, Opera 10 accepte une large gamme de types, tandis que Firefox est plus limité. Nous illustrerons ci-dessous comment créer ces balises dans un formulaire HTML d'une manière structurée et accessible.
Voir plus

Questions fréquentes

Quel type de balise input utiliser pour un numéro de téléphone ?
Le type de balise input à utiliser pour un numéro de téléphone est tel. Cela permet d'afficher un clavier numérique approprié sur les smartphones.
Quels navigateurs supportent le type input 'range' ?
Les navigateurs comme Opera et Safari supportent le type input range, offrant un curseur pour la sélection de valeurs.
Pourquoi utiliser des balises label avec les balises input ?
Les balises label associées aux balises input améliorent l'accessibilité en rendant les champs de formulaire plus faciles à identifier et à utiliser pour les personnes utilisant des lecteurs d'écran.

Programme détaillé